body{
    background-color: whitesmoke;

    font-family: Arial, Helvetica, sans-serif;
}

header{
    margin: auto;
    width: 800px;
}

header hr{
    width: 800px;
    border-top: 1px solid tomato;
}

h1, h2, h3, h4, p{
    margin: 15px;
}

#menu{
    display: flex;
    background-color: tomato;
    border-radius: 6px;
    border: 1px black solid;
}

#menu ul{
    list-style-type: none;
    margin: 0; padding: 0;
}
#menu li{
    float: left;
}

#menu li:hover{
    background-color: brown;
}

#menu a{
    display: block;
    margin: 8px 12px;

    font-size: small;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

#menu a:hover{
    color: lightgray;
}
#container{
    margin: auto;
    width: 800px;
    overflow-x: contain;

    display: flex;
    flex-direction: row;
}

.sidebar{
    width: 250px;
    border-radius: 6px;
    background-color: seagreen;
    color: white;
    font-size: small;
}

.sidebar li{
    list-style-type: square;
    height: 30px;
}

.sidebar a{
    color: white;
    text-decoration: none;
}

.sidebar a:hover{
    color: silver;
}

.page{
    width: 600px
}

.page img{
    margin: 0 40px;
}

.page textarea{
    margin: 10px 40px;
    width: 300px;
    height: 60px;
}

.page h1, .page h2{
    font-family: 'Times New Roman', Times, serif;
    text-decoration-thickness: 1px;
}

footer{
    text-align: center;
    font-size: small;
    text-transform: capitalize;
}