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%);
  }
}
.header {
  font-size: 2.5rem;
}
.header span {
  color: #6AEDFF;
}
.header__text-box {
  text-align: left;
  padding-top: 3rem;
  max-inline-size: 10ch;
}
@media screen and (min-width: 600px) {
  .header__text-box {
    max-inline-size: 100%;
  }
}
.header__vertical-arrow {
  border-left: 3px solid #00C200;
  height: 100%;
  position: absolute;
  top: 0;
  right: 22.5px;
  z-index: 1;
}
.header__vertical-arrow::after {
  border-color: #00C200;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-right-style: solid;
  border-right-width: 3px;
  content: "";
  display: inline-block;
  height: 20px;
  left: -13px;
  position: absolute;
  bottom: 3px;
  width: 20px;
  transform: rotate(45deg);
}

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.3585019415em 0.0463408071em 7px #00C200, 1.6129987811em 0.6009973685em 7px #6AEDFF, -0.2997773988em 0.1857287154em 7px #C930C7, 0.1179599005em 0.2264899739em 7px #6871ff, 2.4939693076em 0.5365953226em 7px #00C200, 0.260012116em 0.0699916445em 7px #6AEDFF, 2.3943165036em 1.5056230167em 7px #C930C7, 1.1373508587em 0.7038949516em 7px #6871ff, 0.9894941702em 0.1897583504em 7px #00C200, 1.5922428248em 2.2044811602em 7px #6AEDFF, 1.6861558912em 0.5234050905em 7px #C930C7, 2.0232553108em 1.4302084959em 7px #6871ff, 0.1197835007em 0.3752458769em 7px #00C200, 2.1623630338em -0.3972211015em 7px #6AEDFF, 2.1307928723em 2.273040062em 7px #C930C7, 1.8480106953em 0.0223741649em 7px #6871ff, 1.5434532015em 1.2099708586em 7px #00C200, 0.4317598718em 1.2849365262em 7px #6AEDFF, 1.0989031936em -0.036001366em 7px #C930C7, 0.8562253215em 1.1236465704em 7px #6871ff, 1.8904158587em 0.8450073726em 7px #00C200, -0.2023156524em 2.1172601816em 7px #6AEDFF, 2.0724430499em 1.0185893251em 7px #C930C7, 1.5918390424em -0.3808426057em 7px #6871ff, -0.0401765263em 0.1397533801em 7px #00C200, 0.7119334211em 2.1477257089em 7px #6AEDFF, 2.3381796321em 1.0211020364em 7px #C930C7, -0.1660605303em -0.0395413409em 7px #6871ff, 1.4474642087em 1.7627205557em 7px #00C200, -0.3124279502em 1.8674471756em 7px #6AEDFF, 2.185672729em 0.8151451485em 7px #C930C7, 1.2152927024em -0.1560810815em 7px #6871ff, 0.9513883435em 1.8894168177em 7px #00C200, 0.254180648em -0.2658525962em 7px #6AEDFF, 1.5519961073em 0.7659961519em 7px #C930C7, -0.1172756352em 1.8585524045em 7px #6871ff, 1.8164870165em 0.7168550797em 7px #00C200, 0.5486925771em -0.0857942878em 7px #6AEDFF, 1.0412301928em 2.1572227213em 7px #C930C7, 0.6390737296em 0.15634253em 7px #6871ff, 0.1239191611em -0.0481993542em 7px #00C200;
  animation-duration: 44s;
  animation-delay: -27s;
}
.navigation .checked + .background::after {
  text-shadow: 1.6588885349em -0.0353053932em 7px #00C200, 1.5925504599em -0.043124067em 7px #6AEDFF, -0.4506972204em 2.1823369649em 7px #C930C7, 1.8152417465em 1.0239105124em 7px #6871ff, -0.2411685043em 1.4241102415em 7px #00C200, 1.8849682123em -0.0283677771em 7px #6AEDFF, 0.3058481172em 1.9512088566em 7px #C930C7, 1.5752012054em 1.201527217em 7px #6871ff, 1.3111511692em 0.3289435986em 7px #00C200, 1.4980509747em 1.5029189384em 7px #6AEDFF, 2.0856866345em 1.1772353556em 7px #C930C7, -0.4700433784em -0.0295555898em 7px #6871ff, 0.927868006em 1.3894302632em 7px #00C200, 2.0561680832em 1.0603271698em 7px #6AEDFF, 1.7172834457em 0.9050037786em 7px #C930C7, 2.2612230051em 1.4299832184em 7px #6871ff, 0.306034224em 0.3144272487em 7px #00C200, 1.2752817592em 0.2227383624em 7px #6AEDFF, 1.0169426812em 2.4845180248em 7px #C930C7, 0.7351858933em -0.1963937681em 7px #6871ff, 0.9010340073em 1.3256133651em 7px #00C200, 0.5102113706em 1.6304991732em 7px #6AEDFF, -0.4182570358em 0.6335272168em 7px #C930C7, 0.6321214533em 1.2121164457em 7px #6871ff, 1.412262077em -0.2610283569em 7px #00C200, 0.2514405129em 0.0695064285em 7px #6AEDFF, 2.0158586439em 0.1730656168em 7px #C930C7, -0.1772473022em 0.1956777932em 7px #6871ff, 2.0122681726em -0.125124473em 7px #00C200, 1.2343601059em -0.286102193em 7px #6AEDFF, 2.254380256em 1.8123932724em 7px #C930C7, 1.3842155541em 0.715818885em 7px #6871ff, 2.3373730929em 2.3782650385em 7px #00C200, 1.5615228383em 0.3097610913em 7px #6AEDFF, 0.7423049821em 1.5648401815em 7px #C930C7, 1.1535497929em 1.7519215304em 7px #6871ff, -0.0803056598em 1.7735662935em 7px #00C200, 2.2167544449em 0.0289487964em 7px #6AEDFF, 1.6887188333em 1.4893891487em 7px #C930C7, 1.5971332667em 2.4798787462em 7px #6871ff, 1.4156980288em 0.726171926em 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);
  }
}

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%);
  }
}
.whoami .profile img {
  width: 200px;
  height: 200px;
  border-radius: 4px;
  border: #6AEDFF solid 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  transition: 0.4s;
}
.whoami .profile img:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(253, 253, 253, 0.87);
}
.whoami .bio ul {
  columns: 2;
}

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%);
  }
}
.container {
  padding-left: 2rem;
}
@media screen and (min-width: 600px) {
  .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.tree {
  white-space: nowrap;
}
.tree .tree__branch--vertical:after {
  display: inline;
  position: absolute;
  content: "";
  margin-left: 5rem;
}

.is-visible .tree__text {
  cursor: pointer;
  margin-left: 2.5rem;
}
.is-visible .tree__text.selected {
  background-color: #00C200;
  color: #191919;
}
.is-visible .tree__text .title {
  animation: typing 2s steps(40, end), blink-caret 0.75s step-end infinite;
}
.is-visible .tree__subtree--expand {
  opacity: 1;
}
.is-visible .tree__subtree--expand .tree__branch--vertical {
  animation-delay: 2s;
}
.is-visible .tree__subtree--expand .tree__branch--vertical:first-child:after {
  margin-top: 20px;
}
.is-visible .tree__subtree--expand .tree__branch--vertical:after {
  animation: increase-height 2s;
  animation-delay: 2s;
}
.is-visible .tree__subtree--expand .tree__branch--vertical:after {
  width: 3px;
  height: 0px;
  background: #00C200;
  animation-fill-mode: forwards;
}
@keyframes increase-height {
  100% {
    height: 2rem;
  }
}
.is-visible .tree__subtree--expand .tree__branch--horizontal {
  display: flex;
  align-items: center;
  animation: increase-width 2s;
  animation-fill-mode: both !important;
  animation-delay: 3s;
  margin-left: 5rem;
}
.is-visible .tree__subtree--expand .tree__branch--horizontal {
  width: 0px;
  height: 3px;
  background: #00C200;
  animation-fill-mode: forwards;
}
@keyframes increase-width {
  0% {
    opacity: 0;
    width: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    width: 2rem;
  }
}
.is-visible .tree__subtree--expand .tree__text {
  animation: fade-in 2s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.is-visible .tree__subtree--collapse {
  opacity: 0;
  height: 0;
}
.is-visible .tree__subtree--collapse + .tree__branch--vertical {
  animation: move-up-illusion 2s;
  animation-fill-mode: forwards;
}
@keyframes move-up-illusion {
  0% {
    height: 12rem;
  }
  100% {
    height: 6rem;
  }
}
.is-visible .tree li {
  list-style: none;
}
.is-visible .tree__branch--vertical {
  animation: increase-height 2s;
}
.is-visible .tree__branch--vertical {
  width: 3px;
  height: 0px;
  background: #00C200;
  animation-fill-mode: forwards;
}
@keyframes increase-height {
  100% {
    height: 2rem;
  }
}
.is-visible .tree__branch--horizontal {
  display: flex;
  align-items: center;
  animation: increase-width 2s;
  animation-fill-mode: both !important;
  animation-delay: 1s;
}
.is-visible .tree__branch--horizontal {
  width: 0px;
  height: 3px;
  background: #00C200;
  animation-fill-mode: forwards;
}
@keyframes increase-width {
  0% {
    opacity: 0;
    width: 0;
  }
  66% {
    opacity: 1;
  }
  100% {
    width: 2rem;
  }
}

#xp-description {
  margin-top: 5rem;
}
@media screen and (min-width: 600px) {
  #xp-description {
    margin-top: 1rem;
    font-size: 0.65rem;
  }
}
#xp-description .xp-description__title {
  animation: typing 2s steps(1, end), blink-caret 0.75s step-end infinite;
  text-overflow: hidden;
  width: 100%;
  display: inline;
}
#xp-description .xp-description__title .xp-description__name {
  color: #6AEDFF;
}
#xp-description .xp-description__title + .xp-description__details {
  animation: fade-in 2s;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#xp-description ul {
  padding-inline-start: 1rem;
}

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%);
  }
}
.projects__item {
  display: block;
  height: 100%;
  border-radius: 4px;
  border: #00C200 2px solid;
  margin-top: 12px;
  margin-left: 5px;
  margin-right: 5px;
  transition: 0.4s;
}
@media screen and (min-width: 600px) {
  .projects__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
  }
}
.projects__item:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(253, 253, 253, 0.87);
}
.projects__item:nth-child(2) {
  border: #6AEDFF 2px solid;
}
@media screen and (min-width: 600px) {
  .projects__item:nth-child(3) {
    border: #6AEDFF 2px solid;
  }
}
.projects__item:nth-child(4) {
  border: #6AEDFF 2px solid;
}
@media screen and (min-width: 600px) {
  .projects__item:nth-child(4) {
    border: #00C200 2px solid;
  }
}
.projects--arrow {
  margin-left: 5px;
  margin-right: 5px;
  color: #00C200;
}
.projects img {
  width: 100%;
  object-fit: contain;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  max-height: 150px;
}

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%);
  }
}
.get_in_touch .title {
  text-align: left;
}
@media screen and (min-width: 600px) {
  .get_in_touch .title {
    text-align: center;
  }
}
@media screen and (min-width: 600px) {
  .get_in_touch .description {
    text-align: center;
  }
}
.get_in_touch .emoji {
  font-size: 5rem;
  text-align: center;
}
.get_in_touch .button {
  border: #00C200 5px solid;
  margin: 1rem auto;
  text-align: center;
  padding: 1rem;
  width: 50%;
  transition: 0.4s;
  cursor: pointer;
  border-radius: 4px;
}
.get_in_touch a {
  text-decoration: none;
  color: inherit;
}
.get_in_touch .button:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(253, 253, 253, 0.87);
}
.get_in_touch .icons {
  margin-top: 2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: normal;
  align-content: normal;
}
.get_in_touch .icons a {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}
@media screen and (min-width: 600px) {
  .get_in_touch .icons {
    padding-bottom: 1rem;
  }
}
.get_in_touch .icons img {
  height: 48px;
  transition: 0.4s;
}
.get_in_touch .icons img:hover {
  transform: translate(0, -3px);
  box-shadow: 0 2px 8px rgba(253, 253, 253, 0.87);
}

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