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

    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    margin:0;

    background:var(--color-background);

    color:var(--color-text);

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

    line-height:1.8;

    font-size:18px;

    -webkit-font-smoothing:antialiased;

}

img{

    display:block;

    max-width:100%;

    height:auto;

}

a{

    color:inherit;

    transition:var(--transition);

}

.container{

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

    margin-inline:auto;

}