* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body,.container {
    min-height: 100vh;
}

body {
    background: url(https://goldnerb.neocities.org/index%20imgs/darker_gld.jpg);
    background-size: cover;
    background-position: center; 
    overflow: hidden;
    image-rendering: crisp-edges;
}

@font-face {
font-family: "DigitalDisco";
src: url(font-families/DigitalDisco.ttf) format("truetype");
        }

h2 {color: #C29728; font-family: "DigitalDisco";}

@font-face {
font-family: "basiil";
src: url(https://goldnerb.neocities.org/fonts/basiic.ttf) format("truetype");
        }

a {color: #C29728; background-color: #5C6525; border-radius: 10px; margin-top: 0.3em; font-family: "basiil"; transition: all 0.2s ease-in-out;}
a:hover {color: #ffe26a; 
        font-size: large; 
        }

p {color: #C29728; background-color: #5C6525; border-radius: 10px; margin-top: 0.3em; font-family: "basiil";}


.container {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 10px;
    min-height: 16em;
    margin: 5em 25em;
    background-color: #6D7A1E;
    border: 5px double #C29728;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    scrollbar-color: #C29728 transparent;
}

.e2 {
    width: 100%;
    height: 6em;
    image-rendering: pixelated; 
    margin-top: 4em;
}

.sl {margin-top: 0.1em; margin-bottom: 0.3em;}
.sl a {background-color: transparent; }

@media (max-width: 956px) {
    
    .container {margin: 5em;}
    .elmnt {height: 4em;}
    .e2 {height: 4em;}
}