/*==================================================
 Global Styles
==================================================*/

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

html,
body{

    width:100%;
    height:100%;

}

body{

    font-family:var(--font);

    background:var(--background);

    color:var(--text);

    overflow-x:hidden;

}

/* Links */

a{

    text-decoration:none;

}

/* Images */

img{

    max-width:100%;

}

/* Inputs */

.form-control{

    height:55px;

    border-radius:var(--radius-md);

    border:1px solid var(--border);

    transition:var(--transition);

}

.form-control:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .20rem rgba(30,191,193,.18);

}

/* Button */

.btn{

    border-radius:var(--radius-md);

    transition:var(--transition);

}

/* Scrollbar */

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:var(--primary);

    border-radius:20px;

}

::-webkit-scrollbar-track{

    background:#ececec;

}