/* ==========================================================================
   PAOREEL STUDIOS
   Base Styles
========================================================================== */

/* Reset */

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

/* Root Variables */

:root{

    --black:#000;
    --dark:#050505;
    --white:#fff;
    --gray:#bdbdbd;
    --light:#f4f4f4;

    --gold:#d7b56d;

    --container:1500px;

    --transition:.35s ease;

}

/* Document */

html{

    scroll-behavior:smooth;

}

body{

    background:var(--black);

    color:var(--white);

    font-family:'Open Sans',sans-serif;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

    text-rendering:optimizeLegibility;

    caret-color:transparent;

}

/* Images */

img{

    display:block;

    width:100%;

    height:auto;

}

/* Links */

a{

    color:inherit;

    text-decoration:none;

}

/* Lists */

ul{

    list-style:none;

}

/* Buttons */

button{

    border:none;

    background:none;

    font:inherit;

    cursor:pointer;

}

/* Section spacing */

section{

    position:relative;

}

/* Container */

.container{

    width:min(var(--container),92%);

    margin:auto;

}

/* Primary Button */

.btn-primary{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 34px;

    border:1px solid rgba(255,255,255,.18);

    color:#fff;

    backdrop-filter:blur(10px);

    transition:all .35s ease;

}

.btn-primary:hover{

    background:#fff;

    color:#000;

}