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

html,
body {
    overflow-x: clip;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:"Manrope",sans-serif;
    background:var(--color-background);
    color:var(--color-text);
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

.container{
    width:min(1280px, calc(100% - 48px));
    margin-inline:auto;
}

img{
    max-width:100%;
}

@media (max-width: 520px){
    .container{
        width:min(100%, calc(100% - 32px));
    }
}