body, html {
    margin: 0;
    padding: 0;

    height: 100%;
    
    background-color: hsl(180, 7.5%, 5%);
    color: aliceblue;
}

main {
    position: relative;
    
    margin: 0;
    padding: 24px 6px 8px 18px;

    min-height: max(218.9542483vw, 72vh);
    width: calc(100% - 24px);

    background-color: #431871;
    background: -webkit-linear-gradient(170deg, rgba(16, 63, 97, 1) 0%, rgba(11, 56, 107, 1) 9%, rgba(67, 24, 113, 1) 31%, rgba(79, 35, 140, 1) 48%, rgba(8, 28, 57, 1) 88%, rgba(0, 0, 0, 1) 100%);
    background: -moz-linear-gradient(170deg, rgba(16, 63, 97, 1) 0%, rgba(11, 56, 107, 1) 9%, rgba(67, 24, 113, 1) 31%, rgba(79, 35, 140, 1) 48%, rgba(8, 28, 57, 1) 88%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(170deg, rgba(16, 63, 97, 1) 0%, rgba(11, 56, 107, 1) 9%, rgba(67, 24, 113, 1) 31%, rgba(79, 35, 140, 1) 48%, rgba(8, 28, 57, 1) 88%, rgba(0, 0, 0, 1) 100%);

    border-radius: 8vw/3vw 0.4vw 0 0;

    z-index: 3;
}

#starCover {
    position: absolute;
    inset: 0;
    
    min-height: max(218.9542483vw, 72vh);
    width: 100%;

    z-index: 4;
    pointer-events: none;
    
    background-image: url(/images/starry-sky-wallpaper-3573-mm-architextures.jpg);
    background-repeat: repeat;

    filter: contrast(210%);
    opacity: 35%;

    border-radius: 8vw/3vw 0.4vw 0 0;
}

main > *:not(#starCover) {
    position: relative;
    z-index: 5;
}