/* This CSS is for common elements shared by home.html, terms.html and privacy.html */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
  overflow-x: hidden;
}

@font-face {
  font-family: Coolvetica;
  src: url("/fonts/coolvetica.otf") format("opentype");
}

@font-face {
  font-family: HelveticaNeueLight;
  src:
    url("/fonts/HelveticaNeueLight.woff2") format("woff2"),
    url("/fonts/HelveticaNeueLight.woff") format("woff");
}

@font-face {
  font-family: HelveticaNeue;
  src:
    url("/fonts/HelveticaNeueRegular.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-family: HelveticaNeue;
  src:
    url("/fonts/HelveticaNeueBold.woff2") format("woff2"),
    url("/fonts/HelveticaNeueBold.woff") format("woff");
  font-weight: bold;
}

body {
  color: black;
  overscroll-behavior-y: none;
}

body, button, input, textarea {
  font: 14px HelveticaNeue;
}

.rainbow-fixed, .rainbow {
  margin: 0;
  width: 100vw;
  height: 6px;
  background: linear-gradient(to right,#FF0000,#FFF500,#00FF47,#00B2FF,#7000FF,#FF0099);
  background-size: 110%;
  background-position: left;
  animation: move 10s ease infinite;
}

@keyframes move {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
 }

.rainbow-fixed {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
}