*{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root{
    --primary-color: #26345d;
    --secondary-color: #1a203a;
    --detail-color: #c39b64;

    --off-white: #c9c9c9;

    --white: #FFFFFF;
    --black: #000000;
}

.primary_btn{
    max-width: 300px;
    padding: .5em 1em;
    color: var(--white);
    background-color: var(--detail-color);
    outline: none;
    border: none;
    border-radius: .4em;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 100ms ease-in-out;
}
    .primary_btn:hover{
        opacity: 0.8;
    }

div.comingsoon{
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: var(--primary-color);
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
}
    div.comingsoon_inner {
        z-index: 9999;
        max-width: 700px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 3em;
        flex-direction: column;
    }
        div.comingsoon_inner img{
            width: 100%;
        }

    div.background_line{
        position: absolute;
        max-width: 1920px;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        z-index: 0;
    }
        div.background_line img{
            height: 100vh;
            object-fit: cover;
        }