/*==========================================
  Reset
==========================================*/

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}


/*==========================================
  HTML
==========================================*/

html{

    scroll-behavior:smooth;

}


/*==========================================
  Body
==========================================*/

body{

    font-family:

        "Segoe UI",

        sans-serif;

    background:

        var(--background);

    color:

        var(--text);

    overflow-x:hidden;

}


/*==========================================
  Images
==========================================*/

img{

    display:block;

    max-width:100%;

}


/*==========================================
  Links
==========================================*/

a{

    text-decoration:none;

    color:inherit;

}


/*==========================================
  List
==========================================*/

ul,

ol{

    list-style:none;

}


/*==========================================
  Buttons
==========================================*/

button{

    border:none;

    outline:none;

    cursor:pointer;

}


/*==========================================
  Inputs
==========================================*/

input,

textarea,

select{

    outline:none;

    border:none;

    font:inherit;

}


/*==========================================
  Container
==========================================*/

.container{

    width:min(

        var(--layout-fluid),

        var(--layout-width)

    );

    margin:auto;

}