/* ----- */
/* FONTS */
/* ----- */
@font-face {
  font-family: "basiic";
  src: url("/$src/font/basiic.ttf");
}
@font-face {
  font-family: "daydream";
  src: url("/$src/font/Daydream.ttf");
}
@font-face {
  font-family: "kiwisoda";
  src: url("/$src/font/KiwiSoda.ttf");
}
@font-face {
  font-family: "minecraftia";
  src: url("/$src/font/Minecraftia-Regular.ttf");
}
@font-face {
  font-family: "simple";
  src: url("/$src/font/Simple.ttf");
}
@font-face {
  font-family: "yomogi";
  src: url("/$src/font/Yomogi.ttf");
}
/* ------- */
/* GENERAL */
/* ------- */
:root {
  font-size: 16px;
  font-family: ms pgothic;
}

html {
  scrollbar-color: rgba(71, 138, 184, 0.5) rgba(255, 255, 255, 0.7);
}

body {
  background-size: cover, auto;
  background-repeat: no-repeat, repeat;
  background-position: center;
  background-attachment: fixed;
  color: #478ab8;
}

p {
  margin: 0;
  /* font-size: clamp(1rem, 5vw, 1rem); */
}

a {
  color: #ff5cb8;
  cursor: pointer;
  transition: text-shadow 0.5s;
  z-index: 15;
}
a:hover {
  text-shadow: 0px 0px 1px #ff5cb8, 0px 0px 4px #ff5cb8;
}

img {
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: pixelated;
}

strong {
  font-weight: bold;
}
strong.lightbold {
  font-weight: normal;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.73), 0px 0px 4px rgb(72, 160, 255);
}

small {
  font-size: 0.8em;
}

.smilies {
  vertical-align: text-bottom;
  height: 0.75em;
}

.box {
  background-color: rgba(255, 255, 255, 0.7);
  border: ridge 3px rgba(209, 219, 255, 0.7);
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.underline {
  text-decoration: underline;
}

.video {
  position: relative;
  height: 100%;
}
.video iframe {
  height: 100%;
  width: 100%;
}

/* ---------- */
/* ANIMATIONS */
/* ---------- */
.spintext {
  display: inline-block;
  animation: spin 1.5s ease-in-out infinite;
  /* text-shadow: 1px 1px 5px white, -1px -1px 5px rgb(255, 255, 255); */
}

.blinktext {
  animation: blink 1s infinite;
}

.zoomtext {
  animation: zoom 1s infinite;
}

.float {
  display: inline-block;
  animation: float 3s ease-in-out infinite;
}

@keyframes spin {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes zoom {
  0% {
    transform: scaleY(0);
  }
  50% {
    transform: scaleY(2);
  }
  100% {
    transform: scaleY(0);
  }
}/*# sourceMappingURL=base.css.map */