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

html{
    scroll-behavior:smooth;
    scroll-padding-top:24px;
}

body{
    overflow-x:hidden;
}

body,
button,
input,
textarea{
    color:var(--dark);
}

img{
    max-width:100%;
    display:block;
}

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

button{
    font:inherit;
}

:focus-visible{
    outline:2px solid var(--blue);
    outline-offset:4px;
}

::selection{
    color:var(--white);
    background:var(--blue);
}

@media (prefers-reduced-motion: reduce){
    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}