* {
   color: #FFFFFF;
   font-family: Arial;
   font-size: 2vh;
   margin: 0px;
   padding: 0px;
}

html, body {
   height: 100%;
}

#header {
   background-color: #3684C2;
   height: 10%;
}

#header a {
   text-decoration: none;
}

#header p {
   font-size: 4vh;
   margin-left: 7%;
   padding-top: 3vh;
}

#main {
   background-color: #3B3E51;
   height: 90%;
   text-align: center;
}

a {
   font-size: 3vh;
}

a.quote {
   font-size: 3vh;
   text-decoration: none;
}

hr {
   margin-left: 7%;
   margin-bottom: 2%;
   margin-top: 2%;
   width: 86%;
}

img {
   height: 24%;
   padding: 3%;
   width: 24%;
}

p.author {
   display: block;
   font-style: none;
   font-size: 5vh;
   font-weight: bold;
   margin-left: 7%;
   padding-bottom: 2%;
   padding-top: 2%;
   width: 80%
}

p.quote {
   display: block;
   font-style: italic;
   font-size: 4vh;
   margin-left: 7%;
   padding-bottom: 2%;
   padding-top: 2%;
   width: 80%
}

ul {
   list-style-type: none;
}

li {
   display: list-item;
   font-size: 3vh;
}

li.icon {
   display: inline;
}