body{
    font-family:'Roboto',sans-serif;
    background-color: #c79955;
    color:#000000;  
}


header{
    background-color: #ce9121;
    color:#ffffff;
    padding:20px;
    text-align:center;
}



nav{
    background-color: #a3ad97;
    padding:10px;
}
nav ul{
    list-style-type:none;
    margin:0;
    text-align:center;
}


nav ul li{
    display:inline;
    margin:0 10px;
}


nav ul li a{
    text-decoration: none;
    color:#ccbb71;
    font-weight:bold;
}
nav ul li a:hover{
    color:#81a8b8;
}
main {
    padding:20px;
}
h1,h2{
    color:#19667e;
}
strong{
    color:#94cfc7;
}
table{
    width:100%;
    border-collapse:collapse;
    margin-top:20px;
}
table,th,td{
    border: 1px solid #f8d8ba;
}


th,td{
    padding:10px;
    text-align:left;
    }
    th{
        background-color: #f0f0f0;
    }
    
img{
    width:400px;
    height:auto;
    margin:20px 0;
    display:block;
}
footer{
    background-color:#f8c2c2;
    color:#da96c5;
    text-align: center;
    padding:10px;
    position:fixed;
    bottom:0;
    width:100%;
}
footer a {
    color:#1c7ad1;
    text-decoration:none;
}
footer a:hover{
    text-decoration:underline;
}