/* Global */
* {
    padding: 0;
    margin: 0;
}

/* Font Faces */
@font-face {
    font-family: Poetsen-One;
    src: url("/fonts/PoetsenOne-Regular.ttf") format("truetype");
}
@font-face {
    font-family: PF-Din;
    src: url("/fonts/PF Din Text Universal ExtraBlack.otf") format("truetype");
}
.primary_font {
    font-family: Poetsen-One;
    font-weight: 400;
}
.secondary_font {
    font-family: PF-Din;
    font-weight: 900;
}
/* Home : Language Selection */
    /* Index Wrapper */
    .index_wrapper {

        width: 100vw;
        height: 100vh;
        background-image: url('/images/index_bg.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

        display: grid;
        grid-template-rows: 0fr 0fr;
        row-gap: 1rem;

        place-content: center;

    }
    /* Language Selection Buttons */
    .lang_select_btn {

        width: 20vw;
        background: rgb(255, 255, 255);
        border-radius: 100rem;
        transition: all 0.3s ease-in-out;

        padding: 1rem;

        text-align: center;

    }
    .lang_select_btn:hover {

        background: #EEE046;

    }
    .lang_select_btn button {

        background-color: transparent;
        outline: none;
        border: none;
        cursor: pointer;
        
        font-size: 1.1rem;
        color: #333333;

    }
    .lang_select_btn:hover button {
        color: #651912;
    }
    @media screen and (max-width: 900px) {
        .lang_select_btn {
            width: 70vw;
        }
    }