*{
margin: 0%;
}

html{
background-color: #001B29;
color: white;
font-family: Verdana, sans-serif;
margin-left: 10%;
margin-right: 10%;
margin-top: 0%;
margin-bottom: 0%;
padding: 0%;
}

p{
margin-top: 10px;
}

div#navigator{
margin: 0%;
display: block;
width: 100%;
height: 30px;
text-align: center;
border-bottom: solid;
border-width: 1px;
border-color: #006BB8;
}

div#navigator a{
display: inline-block;
height: 100%;
color: white;
background-color: #001B29;
text-decoration: none;
margin-left: 2px;
padding-left: 5px;
padding-right: 5px;
transition: background-color 0.5s;
}

div#navigator a:hover{
background-color: #006BB8;
}

div.card-container{
display: block;
width: 100%;
border: solid;
border-color: #006BB8;
border-width: 1px;
margin: 0%;
padding: 5px;
}

div.card{
display: inline-block;
width: 300px;
background-color: #003652;
box-shadow: 0px 0px 10px 0px white;
border-radius: 10px;
transition: box-shadow 0.5s;
padding: 5px;
margin: 5px;
vertical-align: top;
}

div.card:hover{
box-shadow: 0px 0px 10px 5px white;
}