stylesheet.css

#container{
    margin: auto;
    background: #5D9BAA;
    width: 1200px;
    height: auto;
}

h1{
    padding: 0;
    margin: 0;
}

#heading{
    color: aliceblue;
    font-size: 50px;
    text-align: center;
    text-decoration: underline;
    font-family: "Germania One", cursive;
    border-style: solid;
    border-color: darkcyan;
    border-width: 5px;
}

#links{
    float: left;
    width: 190px;
    height: 700px;
    border-style: solid;
    border-color: darkcyan;
    border-width: 5px;
}

#intro{
    width: 990px;
    height: 700px;
    color: aliceblue;
    font-size: 60px;
    text-align: center;
    font-family: "Germania One", cursive;
    float: right;
    border-style: solid;
    border-color: darkcyan;
    border-width: 5px;
    
}

#footer{
    float: none;
    text-align: right;
    font-size: 30px;
}

p{
    margin: 0px;
}

input{
    width: 200px;
    height: 40px;
}

#enterbutton{
    text-align: center
}

ul{
    color: aliceblue;
    list-style-type: square;
    font-family: "Germania One", cursive;
    font-size: 40px;
    float: left;
}

li.home:hover, li.about:hover, li.contact:hover{
    color: black;
}

@keyframes example {
  0%   {background:#5D9BAA;}
  25%  {background:#294850;}
  50%  {background:black;}
  75%  {background:cyan;}
  100% {background:darkcyan;}
}