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

    margin:0;
    padding:0;
    box-sizing:border-box;

}

html{

    scroll-behavior:smooth;

}

body{

    font-family:Inter,sans-serif;

    font-size:16px;

    color:var(--cyb-text);

    background:var(--cyb-bg);

    line-height:1.6;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    color:inherit;

    transition:var(--cyb-transition);

}

button{

    cursor:pointer;

    border:none;

    outline:none;

    font:inherit;

}

input,
select,
textarea{

    font:inherit;

    outline:none;

}

.cyb-container{

    width:min(
        calc(100% - 40px),
        var(--cyb-container)
    );

    margin-inline:auto;

}