@import url('variables.css');

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

html{
    scroll-behavior:smooth;
}

body{

    font-family:var(--ws-font-body);
    background:var(--ws-background);
    color:var(--ws-text);

    line-height:1.6;

    overflow-x:hidden;

}

body.ws-menu-open{
    overflow:hidden;
}

img{

    max-width:100%;
    display:block;

}

a{

    color:inherit;
    text-decoration:none;

}

ul{

    list-style:none;

}

button{

    border:none;
    cursor:pointer;
    font-family:inherit;

}

.container{
    width:min(calc(100% - 40px),var(--container));
    margin:auto;
}

section{
    padding:104px 0;
}

h1,h2,h3,h4{

    font-family:var(--ws-font-title);
    line-height:1.2;

}

p{

    color:var(--ws-text-light);

}

::selection{
    background:rgba(0,232,122,.18);
    color:var(--ws-text);
}

:focus-visible{
    outline:3px solid rgba(0,232,122,.30);
    outline-offset:3px;
}