@font-face {
    font-family: "Grotesque Regular";
    src: url("assets/fonts/DarkerGrotesque-Regular.ttf");
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-image: url('/assets/images/oscar-site.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    font-family: 'Grotesque Regular';
    position: relative;
}

#coming-soon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#coming-soon-container h1 {
    color: #fff;
    font-size: 72px;
    text-transform: uppercase;
}

#contact-details-container {
    display: flex;
    flex-direction: row;
    text-align: center;
}

#contact-details-container a, #contact-details-container p {
    margin: 0;
    padding: 0;
}

#contact-details-container p {
    margin-right: 2rem;
}

#contact-details-container, #contact-details-container a {
    color: #fff;
    text-decoration: none;
    font-size: 2rem;
    display: inline-flex;
    align-self: center;
}

#contact-details-container a:visited, #contact-details-container a:hover, #contact-details-container a:focus {
    color: #fff;
}

#contact-details-container #instagram-logo {
    width: 2.8rem;
    margin-right: 1rem;
}

#site-background-image-sizer {
    width: 100%;
    opacity: 0;
}

@media only screen and (max-width: 730px) {
    #coming-soon-container h1 {
        font-size: 3rem;
        margin-bottom: 0px;
    }

    #contact-details-container {
        flex-direction: column;
        font-size: 1.5rem;
    }

    #contact-details-container p {
        margin-right: 0px;
    }

    #contact-details-container a {
        font-size: 1.5rem;
    }

    #contact-details-container a #instagram-logo {
        width: 2rem;
    }
}

@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 600px) {

}