/* (c) 2023-eternity */

body.strawberry {
  background: linear-gradient(270deg, #ff7a8a, #e6537b);
  --shadow-color: crimson;
}

body.mango {
  background: linear-gradient(270deg, #ffcb47, #ff7f00);
  --shadow-color: darkorange;
}

body.lemon {
  background: linear-gradient(270deg, #dede00, #d3d06e);
  --shadow-color: gold;
}

body {
  color: white;
  background-size: 200% 200%;
  animation: background 4s ease infinite;
  height: 100vh;
  height: 100dvh; /* dynamic vh on iOS - https://stackoverflow.com/questions/72073325/how-to-prevent-content-from-hiding-under-the-ios-safari-ui */
  position: relative;
  overflow: hidden;
}

.logo {
  width: 25px;
  margin-bottom: -6.25px;
}

.content {
  text-shadow: 2px 2px 5px var(--shadow-color);
  font-family: Arial, sans-serif;
}

/* special style to remove styling from links */
.unstyled-link {
  text-decoration: none;
  color: white;
}

/* only change the color to white */
.color-white {
  color: white;
}

/* we don't want to be able to select anything on the page */
.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}

/* background gradient keyframes! */
@keyframes background {
  0% { 
    background-position: 0% 51%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 51%;
  }
}