/* reset rule */
* {
    margin: 0; padding: 0; border: 0;
}

body {
    background-color: #339989;
    font-family: Georgia, 'Times New Roman', Times, serif;
    border: 8px solid;
    border-image: linear-gradient(#fffafb, #2b2c28 ) 1 ;
    background-image: url(../images/hard.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 2em;
    color:#131515;
    text-align: center;
    /* margin-left: 100px; */
    margin: 100px;
    margin-top: 80px;
    text-shadow: 1px 1px 5px #7de2d1;
}

body > h2 > a {
border: 2px solid;
border-radius: 20% 30%;
border-color: #fffafb;
/* position: absolute; */


}

body > h3 {
    background-color: hsla(200,100%,100%,.4);
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
    
}

a {
    color:#7de2d1;
    text-shadow: 1px 1px 2px #131515;
}

nav {
    text-align:left; 
    background-color:#2b2c28;
    margin-right:80%;
    
}