@import url(imports/general.css);
main {
    display: flex;
    justify-content: center;
}

main article {
    margin: 0 auto 0 auto;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

main article section {
    height: 80vh;
    width: 90vw;
    min-width: 20rem;
    max-width: 50vh;
    padding: 0 20pt 20pt 20pt;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid black;
    border-radius: 25pt;
    box-shadow: inset -4pt -4pt 8pt var(--shadow-color), inset 4pt 4pt 8pt var(--shadow-color);
    background-color: var(--base-color);
}

.coming-soon-box h1 {
    font-size: clamp(max(150%,5.5vh),3vw,20vh);

}