body{
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #f0f0f0;
}

header{
    background-color: black;
    color: white;
    padding: 20px;
    text-align: left;
    margin: 0px;
    
}
header h3{
    font-size: 2.5rem;
    margin: 5px;
}
nav{
    margin-top: 10px;
    margin-right: 41rem;
}
nav,a{
    background-color: white;
    color: black;
    padding: 10px;
    text-decoration: none;
    border-radius: 10px;
    
}
nav a:hover{
    background-color: lightgray;
    color: black;
}
h1{
    text-align: center;
    color: darkred;
    font-size: 4rem;
}
#background{
    margin: 10px;
}
#artworks{
    margin: 10px;
    display: inline-block;
}
figure{
    margin: 10px;
}
figure img{
    width: 300px;
    height: 200px;
    object-fit: cover;
    box-shadow: 5px 10px 10px gray;
}
figure figcaption{
    text-align: left;
    font-style: italic;
    font-size: 0.75rem;
    margin-top: 10px;
}
.wave{
    background-color: lightblue;
    border-radius: 10px;
    display: inline-block;
}
.wave h3, p{
    padding: 10px;
}
.okubi{
    background-color: goldenrod;
    border-radius: 10px;
    
}
.okubi h3, p{
    padding: 10px;
}
.okubi p{
    display: inline-block;
}
footer{
    background-color: black;
    color: white;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
}