html{
    font-size: 100%;
    background-image: url("background_img.jpg");
    background-size: cover;
}
/* header styles */
header{
    text-align: center;
}
header h1{
    color: lightseagreen;
    text-align: center;
    font:3rem Brush Script MT, cursive;
}
header p{
    text-align: center;
    font:1.2rem Times, serif;
    color:rgb(16, 95, 91);
    margin:5% 20%;
} 
header nav ul li{
    list-style-type: none;
    float:left;
    margin:2em;
    background-color: lightseagreen;
    padding:0.5rem;
    border-radius:25px;
    border-style: outset;
}
header nav ul li a{
    text-decoration: none;
    color: white;
}
header nav ul li a:hover{
    color: rgb(255, 227, 190);
    padding:1rem;
}

header nav ul li a:active{
    color: rgb(16, 95, 91);
}   

header nav ul li a:visited{
   border-style:inset; 
}

/* main styles */
body{
    margin:10% 10% 20% 10%;
    padding: 5em;
    background-color: rgb(255, 227, 190);
    font: 1rem Arial, sans-serif;
}

h2{
    clear:left;
    color:lightseagreen;
    font:2rem Brush Script MT, cursive;
    text-align: left;
    margin-top: 20%;
}

p#aboutme{
    text-indent: 2rem;
}

/* footer styles */
footer{
    text-align: center;
    font-size: 0.8rem;
    color: rgb(16, 95, 91);
    margin-top: 5rem;
    border-top: 1px solid rgb(16, 95, 91);
    padding-top: 1rem;
}