body{
    background-color: rgba(164, 209, 219, 1);
    background-size: cover;
    /* background-repeat: no-repeat;*/
    
}

#intro{
    padding: 10px;
}

#myContent{
    background-color: rgba(164, 209, 219, 1);
    border-color: #025043;
    border-style: solid;
    border-radius: 8px;
    border-width: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
    text-align: center;
    
}

h1{
    color: #fff;
    background: rgba(35, 106, 138, 1);
    text-align: center;
    margin: 10px;
    padding: 20px;
    font-family: sans-serif;
        
}

h2{
    color: black;
    text-align: left;
    margin: 20px;
    padding: 10px;
    font-family: sans-serif;
    
}

p{
    color: black;
    text-align: left;
    margin: 20px;
    font-family: sans-serif;
    
}

li{
    display: inline-block;
    background-color: rgba(35, 106, 138, 1);
    font-family: sans-serif;
    padding: 8px;
    color: white;
    width: 20%;
    margin: 10px;
}

li:hover{
    background-color: #037c6e;
}

li:active{
    background-color: rgba(35, 106, 138, 1);
}