/*
    Coming Soon page styles

    This is just placeholder stylesheet as likely will employ a sass builder
    in the future when the promo site is arranged.

*/

html, body {
    width: 100vw;
    height: 100vh;
}

main {
    height: 100%;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

main h1 {
    font-family: 'Volkhov', serif;
    font-size: 5vw;
    color: gray;
}

main h1 span {
    color: rgb(255, 166, 0);
}

@media only screen
and (max-device-width : 1024px)
and (orientation : portrait) {
    main h1 {
        font-size: 20vw;
        margin-left: 5vw;
    }
}