html{
     font-family:'segoe ui', sans-serif;
     margin: 0;
}
body{
     margin: 0;
     text-align: center;
     background-color: #cbdde8;
     padding-bottom: 25px;
}
h1{

     margin: 0;
     background-color: #001524;
     color: #d1ecff;
     text-transform: uppercase;
     
}
h2{
     background-color: #15616D;
     margin: 0;
     padding: 15px;
     color: white;
}

footer{
     position: fixed;
     text-align: left;
     left: 0;
     bottom: 0;
     width: 100%;
     padding: 15px;
     background-color: #b9cdd9;
}
li{

     list-style:none;
}
a{
     text-decoration: none;
     color: #15616D;
     font-weight: 700;
     transition: 100ms;
}
a:hover{
     color: #0ba3c9;
     text-decoration: underline;
     font-size: 1.1em;
}
a:active{
     color: #a60101;
     transition: 0ms;
}

h3{
     padding-top: 30px;
}

.DadLink{
     
     font-size: 1.1em;
     /* text-transform: uppercase; */
     /* font-weight: 900; */
}

.DadLink:hover{
     font-size: 1.23141592em;
}
a#john{
     color: #000;
}
a#john:hover{
     text-decoration: none;
     font-size: 1em;
}