@font-face {
  font-family: "Light";
  src: url("Light.eot"); /* IE9 Compat Modes */
  src: url("Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("Light.woff") format("woff"), /* Modern Browsers */
    url("Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@keyframes hover {
  0%  { opacity: 1.0; }
  50%   {   opacity: 0.5; }
  100%  { opacity: 1.0; }
}

body {
  margin: 4%;
  font-family: "Light", "Helvetica", "Arial", sans-serif;
  font-size: 2.75vw;
  letter-spacing: 0.0em;
  background-color: #000000;
  color: #FF6633;
}

a {
  text-decoration: none;
  color: #FF6633;

  transform: rotate(0deg);
}

a:hover {
  text-decoration: none;
  color: #FF6633;
  opacity: 0.5;

  -webkit-animation-name: hover;
  -webkit-animation-duration: 2s;
  animation-name: hover;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@media screen and (max-width: 800px) {
  body {
    font-size: 5vw;
    background-color: #000000;
    overflow: scroll;
  }
}