@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

:root
{
  --Censera: oklab(93.128% -0.1124 0.13898);
  --Dark: oklab(18.22% 0 -0.00002);
  --Light: oklab(95.682% 0.00212 0.01163);
}

::selection
{
  background-color: var(--Dark);
  color: var(--Light);
}

.font
{
  font-family: "Special Elite", system-ui;
  font-weight: 400;
  font-style: normal;
}

.floating_logo
{
  position: absolute;
  bottom: -90px;
  right: 10px;
  width: 400px;
  z-index: -1;
  pointer-events: none;
}
@media (max-width: 600px)
{
  .floating_logo
  {
    width: 300px;
    bottom: -65px;
  }
}

.text
{
  color: var(--Dark);
}

body
{
  display: flex;
  padding: 22px;
  margin: 0%;
  flex-direction: column;
  justify-self: center;
  background-color: var(--Censera);
  color: var(--Dark);
  image-rendering: pixelated;
  font-size: 22px;
  overflow: hidden;
}

.aboutme
{
  max-width: 720px;
}

span
{
  font-weight: bolder;
  text-shadow: 0px 1px 0px var(--Dark);
}

a
{
  text-decoration: underline;
  font-size: 18px;
}

a:hover::after
{
  content: " (Open)";
  font-weight: 900;
}