body{
    font-family:Century Gothic;
    margin: 0;

}

#header{
    background-color: #363c48;
}

#name{
    float:left;
    width:60%;
}

h1{
    font-size: 64;
    color:white;
    background-color: #363c48; 
    padding-left: 20;
    padding-top:0;

}

h2{
    font-size: 32;
    color:white;
    background-color: #363c48; 
    padding-left: 20px; 
    padding-top: 0px; 
}
img{
    float:right
    
}

#connection{
    float:inline-start;
    width:20%;
    font-size: 20;
    color:white;
    background-color: #363c48; 
    padding: 20px;  
}


a:link
{
     color:white;
     background-color:transparent;
     text-decoration: none;
}

a:visited 
{
     color:white;
     background-color: transparent;
     text-decoration:none;
}

a:hover 
{
     color: white;
     background-color:transparent;
     text-decoration: underline;
}

a:active 
{
     color: white;
     background-color: transparent;
     text-decoration: underline;
}
h3{
    font-size: 28;
    color:#363c48;
    padding: 20px; 
    margin-bottom: 0; 
}

#summary{
    font-size: 20;
    color:black;
    padding: 20px; 
    margin-bottom: 0; 
}

#skills{
    font-size: 20;
    color:black;
    padding: 20px; 
    margin-bottom: 0; 
}

#education{
    font-size: 20;
    color:black;
    padding: 20px; 
    margin-bottom: 0; 
}

#projects{
    font-size: 20;
    color:black;
    padding: 20px; 
    margin-bottom: 0; 
}

#interests{
    font-size: 20;
    color:black;
    padding: 20px; 
    margin-bottom: 0; 
}

footer{
    font-size: 16;
    color:white;
    text-align: center;
    background-color: #363c48;
    padding: 20px;  
}