/* GOOGLE FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* RESET */

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

/* ROOT */

:root{

    --gold:#d4af37;
    --gold-light:#f5dc7b;
    --black:#050505;
    --dark:#111111;
    --gray:#999999;

    --transition:0.3s ease;
}

/* BODY */

body{

    font-family:'Montserrat',sans-serif;
    background:var(--black);
    color:#ffffff;

    overflow-x:hidden;
}

/* CONTAINER */

.container{

    width:90%;
    max-width: 1400px;
    margin:auto;
}

/* LINK */

a{

    text-decoration:none;
    color:inherit;
}

/* IMAGE */

img{

    width:100%;
    display:block;
}

/* BUTTON */

.btn-gold{

    display:inline-block;

    padding:16px 40px;

    border:none;
    border-radius:8px;

    background:linear-gradient(
        135deg,
        var(--gold-light),
        var(--gold)
    );

    color:#000;

    font-weight:700;
    cursor:pointer;

    transition:var(--transition);
}

.btn-gold:hover{

    transform:translateY(-4px);

    box-shadow:
    0 0 20px rgba(212,175,55,.4);
}