body {
    background-color: black;
}

#comingSoon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    width: 30vw; /* 80% of the viewport width */
    height: auto; /* Maintain aspect ratio */
    max-width: 100%; /* Prevent overflow */
    max-height: 100vh; /* Prevent exceeding viewport height */
    pointer-events: none; /* Loosely prevent user from grabbing file */
}


/* for widescreen monitors */
@media screen and (min-width: 1921px) {
    #comingSoon {
        max-width: 672px;
    }
}


/* for tablets */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    #comingSoon {
        width: 40vw;
    }
}


/* for phones */
@media screen and (max-width: 767px) {
    #comingSoon {
        width: 60vw;
    }
}