@import url('https://fonts.googleapis.com/css2?family=Ysabeau+SC:wght@600&display=swap');

:root{
    background-color: white;
}

body{
    width: 80%;
    margin: auto;
    background-color: chocolate;
    color: white;
    padding: 25px;
}


h1{
    background-color: rgb(102, 48, 9);
    text-align: right;
    padding: 10px;
    margin: 0px;
    border: 5px solid white;
    border-radius: 20px 0px 0px 10px;
}


h2{
    color: rgb(102, 48, 9);
    text-align: center;
}

nav{
    background-color: black;
    text-align: center;
    color: white;

}


nav ul{
    padding: 0px;
    margin: 0px;
    list-style: none;  
}


nav ul li{
    display: inline;
}

nav ul li a{
    color: white;
    text-decoration: none; 
    display: inline-block;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Ysabeau SC', sans-serif;
    font-size: 1.5em;
    border-right: 1px solid white;
}

nav ul li:last-child a{
    border-right: 0px;
}

nav ul li a:hover{
    background-color: rgb(245, 217, 196);
    color: rgb(102, 48, 9);
}

p{
    text-align: justify;
    font-family: 'Ysabeau SC', sans-serif;
    background-color: rgb(245, 217, 196);
    color: rgb(102, 48, 9);
    padding: 15px;
    border-radius: 6px;
}

table{
    background-color: white;
    border: 1px solid rgb(102, 48, 9);
    color: rgb(102, 48, 9);
}

table tr td{
    border: 1px solid rgb(102, 48, 9);
    padding: 10px;
}


table tr:nth-child(odd){
    background-color: rgb(245, 217, 196);
}


table tr:hover{
    background-color: rgb(102, 48, 9);
    color: white;
}


form fieldset{
    width: 50%;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 60px;
    border: 1px solid rgb(102, 48, 9);
    padding: 30px;
    border-radius: 20px;
    background-color: white;
}

form fieldset legend{
    border: 1px solid rgb(102, 48, 9);
    border-radius: 6px;
    background-color:rgb(102, 48, 9);
    padding: 10px;
    color: white;
}


form input[type="text"], form input[type="password"]{
    width: 100%;
    padding: 6px;
    border: 1px solid chocolate;
    margin: auto;
    margin-top: 15px;
    border-radius: 4px;
}


form input[type="submit"]{
    width: 100%;
    padding: 8px;
    border: 0px;
    margin: auto;
    margin-top: 15px;
    border-radius: 4px;   
    color: white;
    background-color: rgb(102, 48, 9);
    font-size: 1.3em;
}