body {
    background-color:#642CA9;
    background-image: url(/Images/Backgrounds/StarryBackground.gif);
    color:white;
    text-align:center;
    margin-left:130px;
    margin-right:130px;
}

h1 {
    font-size: 50px;
    font-family: Bubblegum;
    animation-duration: .9s;
    animation-name: color-blink;
    animation-iteration-count: infinite;
    transition: none;
    color:#642CA9;
}

li {
    display:inline-block;
    font-size: 30px;
    margin: 20px;
    padding: 5px;
    font-family: Early_Gameboy;
}

li:hover {
    background-color: #FF36AB;
    border-radius: 20px;
    animation-duration: .7s;
    animation-name: blink;
    animation-iteration-count: infinite;
    transition: none;
}

#nav-bar {
    background-color: #FF6FAD;
    border-radius: 20px;
    margin-top:30px;
    margin-bottom: 30px;
}

header {
    background-color: #FF36AB;
    border-radius: 20px;
    margin-top: 30px;;
}

article {
    background-color: #FF74D4;
    border-radius: 20px;
}

h2 {
    font-size: 30px;
    font-family: Early_Gameboy;
    padding-top:40px;
}

p {
    font-size: 20px;
    font-family: PixelOperator;
}

@font-face {
  font-family: "Bubblegum";
  src:
  local("Bubblegum"),
  url("/Fonts/Bubblegum.TTF"), 
  format("ttf");
}

@font-face {
  font-family: "PixelOperator";
  src:
  local("PixelOperator"),
  url("/Fonts/PixelOperator.ttf"), 
  format("ttf");
}

@font-face {
  font-family: "Early_Gameboy";
  src:
  local("Early_Gameboy"),
  url("/Fonts/Early_GameBoy.ttf"), 
  format("ttf");
}

@keyframes blink {
  0%   {opacity:1;}
  40%   {opacity:0;}
  100% {opacity:1;}
}

@keyframes color-blink {
  0% {color:white;}
}