body{
    background-color:#89c2d9;
    text-align:center;
    color:#3c6e71;
    }

h1{
    color:dark=slategray;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-seriu
}

h2{
    color:darkslategray;
    font-size:1.5em;
}

ul{
    list-style-type:none;
    font-weight:600;
    font-size:1.2em;
    font-family:monospace;
}

.links div{
    display: inline-block;
}
    
.intro{
    font-size:20px;
    font-weight:600;
    font-family:monospace;
    display:flex;
    width:50%;
    margin:auto;
}

.profile-pic{
    border-radius:200px;
    width:200px;
    padding:20px;
    background-color:#89c2;
}

.icons{
    width:50px;
    border-radius:50px;
}

.topnav {
    overflow: hidden;
    background-color: #215f88;
  }

.topnav a {
    float: left;
    color: #99acc2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-weight:bold;
    font-size: 18px;
}

.topnav a:hover {
    background-color: #99acc2;;
    color: #215f88;
}


#end a{
    font-size:15px;
    text-decoration: none;
}