body {
    background-color:rgb(95, 140, 140);
    background-size:80%;
    background-position:center center;
}
.container {
    display:flex;
    gap:5px;
}
.mainbody {
    height:auto;
    width:700px;
    background-color:rgba(0, 0, 0, 0.3);
    border:white dotted 2px;
    padding:10px;
}
.sidebar {
    height:auto;
    width:300px;
    background-color:rgba(0, 0, 0, 0.3);
    border:white dotted 2px;
    padding:10px;
}
p {
    color:white;
}
h3 {
    font-family: "Delius", cursive;
    font-weight: 400;
    font-style: normal;
    margin-top:3px;
    filter:drop-shadow(10px 3px 4px #000000)
}
h4 {
    font-family: "Delius", cursive;
    font-weight: 400;
    font-style: normal;
    margin-top:3px;
    color:white;
    filter:drop-shadow(10px 3px 4px #000000);
    font-size:15px;
}
summary {
    color:white;
}
summary:hover {
    color:coral;
    font-weight:bold;
}
hr {
    color:white;
    margin-top:-12px;
}
sub {
    font-size:x-small;
    vertical-align:text-top;
    color:darkgrey;
}