@font-face {
    font-family: Jaywalk;
    src: url(Assets/Fonts/Jaywalk.ttf);
}

body {
    color: white;
    background: url('Assets/Default/bg.png') fixed;
    background-size: cover;
    font-family: Jaywalk;
    text-shadow: 0px 5px black;

    margin: auto;
    text-align: center;
}

button {
    background-color: darkorange;
    color: white;
    font-family: Jaywalk;
    text-shadow: 0px 2px black;
    margin-bottom: 10px ;
    margin-top: 2px ;
}

.navBar {
    background-color: rgba(0,0,0,0.2);
}

rainbow {
    animation: colorRotate 5s linear 0s infinite;
}

@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
}