body {
    font-family: Roboto;
    margin: 10px;
    background-color: #000000;
    background: url(yeets.png);
    background-position: top;
    background-size: contain;
}
.banner {
    display: block;
    width:45%;
    margin: auto;
}
.navigations {
    border: ridge 11px #816979;
    padding: 15px;
    background-color: black;
    margin: 25px;
}
.nav_button {
    background-image: url(bevel.png);
    background-size: 100% 100%;
    color: white;
    text-decoration: none;
    text-shadow: 2px 2px #9e9e9e;
    padding: 15px;
}
section {
    background: url(canvas.png);
    background-size: cover;
    background-blend-mode: difference;
    background-color: #736e67;
    padding: 25px;
    text-shadow: 2px 2px #9e9e9e;
    margin: 15px;
    color: #ffffff;
    border: ridge 11px #816979;
}
h1 {
    text-align: center;
}
h2 {
    text-size-adjust: 5px;
}
footer {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    border: ridge white 5px;
}
.footer_section {
    background-color: darkgray;
    text-align: center;
    margin: 5px;
    padding: 2px
}