* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body{
    font-family: Arial;
    font-size: 16;

    color: whitesmoke;
    background-color: rgb(2, 70, 61);
}

h2, p {
    margin-bottom: 25px;
}

.container {
    width:80vw;
    max-width:1200px;
    margin: auto;
    margin-top: 50px;
    border: 1px solid whitesmoke
}

header{
    height: 80%;
    background-color:rgb(25, 56, 52) ;
}

h1 {
    padding: 100px;
    text-align: center;

}

header p {
    padding: 20px;
    text-align: center;
}

nav{
    background-color: rgb(40, 109, 99);
}

main{
    background-color:rgb(69, 131, 122)
}

section{
    padding: 25px;  
    padding-bottom: 1px;
    background-color: brown;
}


.rot {
    padding: 25px;
    background-color:red;
}

.box1 {
    margin: 45px;
    padding: 15px;

    width: 200px;
    height: 200px;
    background-color:antiquewhite;

}
footer{
    background-color: rgb(13, 56, 50);
}

footer p {
    text-align: center;
    padding: 20px;  
    background-color: rgb(20, 20, 24);
}

footer a {
    padding: 7 px;
    color: white;
    background-color: rgb(25, 56, 52);
}