*{
    box-sizing: border-box;
}
html{
    background-image: url(./pics/1.jpg);
    background-size: cover;
    font-family: Arial, Helvetica, sans-serif;
}
body{max-width: 1200px;
    text-align: justify;
    margin: auto;
}
a{
    text-decoration: none;
    color: rgb(1, 77, 1);
}
ul {
    list-style-type: none;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
}
li{
    line-height: 2;
}
nav{
    background-color: green;
    background: rgba(1,100,32,50%);
    border-radius: 10px;
    border: 5px solid green;
    height: 95vh;
    margin-right: 10px;
}
img{
    float: right;
}
#wrapper{
    display: flex;
    margin-right: 10px;
}
@media (max-width:576px){
    ul{flex-direction: row; justify-content: space-evenly; padding: 0;}
    #wrapper{flex-direction: column;}
    nav{height: fit-content;margin-right: 0; position: fixed; top: 0; width: 100%;}
    li{line-height: 1; font-weight: bold;}
    a{color: white;}
    #menu{margin: 0;}
}