@font-face {
    font-family: Wondermail;
    src: url(./wondermail.ttf);
}


body {
    overflow-wrap: break-word;
    image-rendering: pixelated;
    color: rgb(230, 230, 230);
    background-color: rgb(25,25,25);
}

.main-grid {
    display: grid;
    justify-items: center;
    text-align: center;
}

.main-grid > *:not(:first-child) {
    border-top: 10px solid black;
}

.main-grid > div {
    width: 100%;
    padding-left: clamp(0.2em, calc((100% - 120em) / 2), 100%);
    padding-right: clamp(0.2em, calc((100% - 120em) / 2), 100%);
    background-color: rgba(0,0,0,0.3);
    background-blend-mode: overlay;
}

.container.main-content {
    display: inline-block;
    width: 75%;
    --border-width: 1.25em;
}

.image-button-content {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.main-content-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.5em;
}