@charset "utf-8"
    * {box-shadow: border-box;
}


html { 
        height: vh100;
        font-size: 100%;
font-family: sans-serif}

body { width: 100%;
    height: 100%;
margin: 0%;
padding:0%;}

h2 {margin:0%;
    text-decoration: none;
    color: white;
    list-style: none;
    font-family: sans-serif;
    text-align-last: left;
    font-size: 100%;
    padding:3%;
    background-color: rgb(105, 214, 109)} 


div {text-align: left;
    font-family: sans-serif;
    color: white;
    border-bottom-color: white;
    background-color: #656565;
    font-size: 100%;
    padding:3%;   
}

p { margin:%;
    color: white;
    font-size: 80%;
    margin-top: 0 }

nav {background-color: rgb(178, 178, 178);
    margin-bottom: 1%;
    
}



header nav ul li a {text-decoration: none;
    color: white;
    text-align: left;
    padding: 1%;
    display: block;
font-family: sans-serif;}


header nav ul li a:hover {
    color: #000000;
    background-color: white;
    font-weight: bold;
}

footer{margin: 1%;
font-family: sans-serif;
    font-size: 40%
}