/*==================================================
RESET
==================================================*/

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

html{
    scroll-behavior:smooth;
}

body{

    background:var(--off-white);

    color:var(--black);

    font-family:var(--font-text);

    font-size:16px;

    line-height:1.7;

    overflow-x:hidden;

}

/*==================================================
IMAGES
==================================================*/

img{

    max-width:100%;

    display:block;

}

/*==================================================
LINKS
==================================================*/

a{

    text-decoration:none;

    transition:var(--transition);

}

/*==================================================
LISTS
==================================================*/

ul{

    list-style:none;

}

/*==================================================
BUTTON
==================================================*/

button{

    font-family:inherit;

    cursor:pointer;

}

/*==================================================
UTILITY CLASSES
==================================================*/

.text-center{

    text-align:center;

}

.text-left{

    text-align:left;

}

.text-right{

    text-align:right;

}

/* Margin Top */

.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mt-80{margin-top:80px;}

/* Margin Bottom */

.mb-20{margin-bottom:20px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}

/* Padding */

.py-60{

    padding:60px 0;

}

.py-80{

    padding:80px 0;

}

.py-100{

    padding:100px 0;

}

.py-120{

    padding:120px 0;

}

/*==================================================
SECTION
==================================================*/

section{

    width:100%;

    position:relative;

}

/*==================================================
SCROLLBAR
==================================================*/

::-webkit-scrollbar{

    width:10px;

}

::-webkit-scrollbar-thumb{

    background:var(--gold);

    border-radius:20px;

}

::-webkit-scrollbar-track{

    background:#ececec;

}

/*==================================================
TEXT SELECTION
==================================================*/

::selection{

    background:var(--gold);

    color:white;

}