@font-face {
    font-family: 'Grandstander';
    src: url('fonts/grandstander_bold.woff') format('woff'),
         url('fonts/grandstander_bold.woff2') format('woff2');
    font-weight: 700; /*Bold*/
}

* {
        margin: 0;
        padding: 0;
        font-family: 'Grandstander', sans-serif;
        font-weight: 400;
        font-size: 18px;
        color: #6D4C0A;
    }

    h1 {
        font-size: 32px;
        line-height: 32px;
        font-weight: 800;
        margin-bottom: 20px;
    }

    .wrapper {
        width: 100%;
        height: 100vh;
        background-image: url(../img/bg_new.jpg);
        background-repeat: repeat;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        border: 15px solid #B59266;
        border-radius: 10px;
        background-color: rgba(220, 171, 74, 0.3);
        width: 100%;
        height: 100vh;
        max-width: 300px;
        max-height: 520px;
        text-align: center;
        padding: 25px;
        line-height: 28px;
    }