*,
*::before,
*::after{

    box-sizing:border-box;

}

body{

    margin:0;

    background:var(--background);

    color:var(--text);

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

}

h1,
h2,
h3,
h4,
h5,
h6{

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

}

img{

    max-width:100%;

    display:block;

}

.container{

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

    margin:auto;

}