html {
  font-size: clamp(1rem, 0.75rem + 1.5vw, 2rem);
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

body {
  box-sizing: border-box;
  background-color: #191919;
  margin: 0px;
  font-family: "Space Mono", monospace;
  font-weight: 400;
  color: #ffffff;
  box-sizing: border-box;
}

section {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-top: 3rem;
}
@media screen and (min-width: 600px) {
  section {
    font-size: 0.75rem;
  }
}

section:first-child {
  padding-top: 0rem;
}

img {
  max-inline-size: 100%;
  block-size: auto;
  object-fit: cover;
}

section .title {
  font-size: 2.5rem;
  text-align: center;
}
section .title code {
  color: #00C200;
}

section ul {
  list-style: none;
}
section li::before {
  content: ">";
  color: #00C200;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
section .logo {
  font-weight: 700;
  padding-top: 2.5rem;
}
section .logo a {
  text-decoration: none;
  color: #ffffff;
  background-color: #C930C7;
}

@keyframes typing {
  0% {
    width: 0;
    border-right: 0.1rem solid #C930C7;
  }
  99.9% {
    border-right: 0.1rem solid #C930C7;
  }
  100% {
    border: none;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  20% {
    border-color: #C930C7;
  }
}
@keyframes moveInRightDelay {
  0% {
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
html {
  font-size: clamp(1rem, 0.75rem + 1.5vw, 2rem);
  margin-left: 1.6rem;
  margin-right: 1.6rem;
}

body {
  box-sizing: border-box;
  background-color: #191919;
  margin: 0px;
  font-family: "Space Mono", monospace;
  font-weight: 400;
  color: #ffffff;
  box-sizing: border-box;
}

section {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding-top: 3rem;
}
@media screen and (min-width: 600px) {
  section {
    font-size: 0.75rem;
  }
}

section:first-child {
  padding-top: 0rem;
}

img {
  max-inline-size: 100%;
  block-size: auto;
  object-fit: cover;
}

section .title {
  font-size: 2.5rem;
  text-align: center;
}
section .title code {
  color: #00C200;
}

section ul {
  list-style: none;
}
section li::before {
  content: ">";
  color: #00C200;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
section .logo {
  font-weight: 700;
  padding-top: 2.5rem;
}
section .logo a {
  text-decoration: none;
  color: #ffffff;
  background-color: #C930C7;
}

@keyframes typing {
  0% {
    width: 0;
    border-right: 0.1rem solid #C930C7;
  }
  99.9% {
    border-right: 0.1rem solid #C930C7;
  }
  100% {
    border: none;
  }
}
@keyframes blink-caret {
  from, to {
    border-color: transparent;
  }
  20% {
    border-color: #C930C7;
  }
}
@keyframes moveInRightDelay {
  0% {
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
.landing {
  padding-top: 0;
}

.navigation {
  font-size: 1rem;
}
.navigation .mob-icon {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  cursor: pointer;
}
.navigation .mob-icon object {
  pointer-events: none;
}
.navigation .background {
  display: none;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
}
.navigation .background__block {
  background: rgba(25, 25, 25, 0.6);
  text-align: center;
  margin-left: 1.6rem;
  margin-right: 1.6rem;
  font-size: 2rem;
  padding: 1rem 2rem 1rem 2rem;
  border: #6AEDFF 3px solid;
  border-radius: 4px;
  cursor: pointer;
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(253, 253, 253, 0.87);
}
.navigation .background__block span {
  float: right;
}
.navigation .background a {
  text-decoration: none;
  color: #ffffff;
  z-index: 5;
}
.navigation .checked + .background {
  display: flex;
  z-index: 4;
  overflow: hidden;
  background: #191919;
  font-size: 52px;
  animation: slide-in 0.5s forwards;
}
.navigation .background.closing {
  animation: slide-out 0.5s forwards;
}
.navigation .checked + .background::before, .navigation .checked + .background::after {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: ".";
  mix-blend-mode: screen;
  animation: 44s -27s move infinite ease-in-out alternate;
}
.navigation .checked + .background::before {
  text-shadow: 0.6545584365em 2.0038354108em 7px #00C200, 1.400844365em 2.4279042086em 7px #6AEDFF, 1.3061154214em -0.1553263087em 7px #C930C7, 2.4039144899em 0.4947915351em 7px #6871ff, 1.0826882629em 0.4434596944em 7px #00C200, 1.8330301278em 1.8503061669em 7px #6AEDFF, 0.455641878em 2.4449265185em 7px #C930C7, 0.4382113146em 1.4433444942em 7px #6871ff, 2.3201575356em -0.1886097269em 7px #00C200, 0.485155252em 0.1972475508em 7px #6AEDFF, 0.3161293866em 0.1833944086em 7px #C930C7, 2.0796226168em 0.507192624em 7px #6871ff, 1.8336378247em 1.9210310079em 7px #00C200, 1.0257297319em 0.0862037521em 7px #6AEDFF, 1.3373010787em 2.3741701928em 7px #C930C7, 1.2303695597em 1.1056747212em 7px #6871ff, 1.4279907022em -0.0921436335em 7px #00C200, 0.8795434068em -0.337504141em 7px #6AEDFF, 0.7851929969em 1.5646120836em 7px #C930C7, 1.8616632503em -0.3625695304em 7px #6871ff, 0.0437166416em 1.5185591713em 7px #00C200, 1.8357256429em 2.1670497179em 7px #6AEDFF, 1.2142268585em 0.5042888434em 7px #C930C7, 1.5909022544em 0.7225120881em 7px #6871ff, 0.5401383084em 2.4610206358em 7px #00C200, 2.3866953806em 0.101966733em 7px #6AEDFF, 2.3372004013em 0.2319669712em 7px #C930C7, 0.3192433848em 2.4232682627em 7px #6871ff, 0.6080898821em 1.3552879901em 7px #00C200, 1.006021828em 0.4327286425em 7px #6AEDFF, -0.2772626186em 1.170633848em 7px #C930C7, 0.5052264151em 0.8145065318em 7px #6871ff, 0.1156356578em 2.2497447776em 7px #00C200, 2.2417720144em 1.6348029526em 7px #6AEDFF, 1.6063637459em 1.6562305797em 7px #C930C7, 0.5597419862em 1.013061079em 7px #6871ff, 0.86601568em 0.3954696868em 7px #00C200, 0.7184229032em 0.8195682844em 7px #6AEDFF, 1.8530507828em 1.9067781417em 7px #C930C7, 1.5756416461em 0.6943655371em 7px #6871ff, 1.9650935028em 2.3803027605em 7px #00C200;
  animation-duration: 44s;
  animation-delay: -27s;
}
.navigation .checked + .background::after {
  text-shadow: -0.4482926346em 2.0738611298em 7px #00C200, 1.6381098317em 1.4406761345em 7px #6AEDFF, 2.1603640107em 1.5384734582em 7px #C930C7, 1.7589723666em 0.1721109139em 7px #6871ff, 0.7844718378em 2.4183902784em 7px #00C200, -0.0019736007em 1.9863927467em 7px #6AEDFF, -0.3636436603em -0.0744271336em 7px #C930C7, -0.4932554298em 1.0573980661em 7px #6871ff, -0.2359012696em 1.2164764405em 7px #00C200, 1.5113081401em 0.7894356285em 7px #6AEDFF, 2.3973505011em 0.3529964043em 7px #C930C7, 0.7090056588em 1.7051858583em 7px #6871ff, 2.3673394392em 0.648693621em 7px #00C200, 0.8487087121em 1.8230890658em 7px #6AEDFF, 1.1728967073em 1.8042205149em 7px #C930C7, 2.0763195405em 1.9131159466em 7px #6871ff, 1.2580125028em 2.1342767707em 7px #00C200, 1.7183534366em 2.3159724518em 7px #6AEDFF, 2.290693511em 2.4860746423em 7px #C930C7, 2.2199576995em 0.2672134671em 7px #6871ff, 0.5632208416em 2.1229721663em 7px #00C200, 1.8585870138em 0.5011932607em 7px #6AEDFF, 0.5762759857em 0.9095896952em 7px #C930C7, 2.1004037836em 0.9893912748em 7px #6871ff, 0.8094178921em -0.0222984957em 7px #00C200, -0.4755624755em 0.2114481047em 7px #6AEDFF, 0.8417222382em 1.4867307794em 7px #C930C7, 0.4561386849em 2.0820264131em 7px #6871ff, 0.0242837539em 1.5655116746em 7px #00C200, 0.6223852978em -0.4939757823em 7px #6AEDFF, 2.2704253316em 0.4749614296em 7px #C930C7, 0.5701645222em -0.4265274804em 7px #6871ff, 1.8893559896em 0.4607378044em 7px #00C200, 1.7233889657em 0.3013606036em 7px #6AEDFF, -0.2039335213em -0.0686580624em 7px #C930C7, 2.2597165726em 1.0216562651em 7px #6871ff, 0.4249215633em 0.3827681007em 7px #00C200, 2.4514166094em 1.17341241em 7px #6AEDFF, 1.6109298783em 1.3214397302em 7px #C930C7, 0.3689507471em 2.2914558344em 7px #6871ff, 2.0320609156em 0.5083394202em 7px #00C200;
  animation-duration: 43s;
  animation-delay: -32s;
}
@keyframes move {
  from {
    transform: rotate(0deg) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(360deg) scale(18) translateX(20px);
  }
}

.pswp-gallery {
  padding-top: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.pswp-gallery a {
  text-decoration: none;
  flex-basis: 350px;
}
.pswp-gallery a img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  border-radius: 5px;
}

.title.art {
  font-weight: bold;
}

/*# sourceMappingURL=art.css.map */