* {
  font-family: Arial, Helvetica, sans-serif;
}
:root {
  --bg_size: 150px;
}
@media (max-width: 850px) {
  :root {
    --bg_size: 100px;
  }
}
@keyframes background_animation {
  from {
    background-position-x: 0;
    background-position-y: 0;
  }
  to {
    background-position-x: var(--bg_size);
    background-position-y: var(--bg_size);
  }
}
body {
  margin: 0;
  min-height: 100vh;
  overflow: hidden;
  background-color: #0026ff;
  background-image: url("/media/backgrounds/about_me.webp");
  background-size: var(--bg_size) var(--bg_size);
  animation-name: background_animation;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 850px) {
  body {
    animation-duration: 4s;
  }
}
body::-webkit-scrollbar {
  display: none;
}
#content {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  max-width: 80%;
  font-size: 1rem;
}
@media (max-width: 850px) {
  #content {
    padding: 10px;
    border-radius: 10px;
    font-size: 0.85rem;
  }
}
#content > *:first-child {
  margin-top: 0;
}
#content > *:last-child {
  margin-bottom: 0;
}