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

* {
    margin: 0;
    padding: 0;
    font: inherit;
}

html, body {
    font-size: 10px;
}

html {
    color-scheme: dark light;
    scroll-behavior: smooth;
    scroll-padding-top: 3rem;
}

body {
    min-height: 100vh;
    min-height: 100dvh;
}

img, picture, svg, video {
    display: block;
    max-width: 100%;
}

:root {
    --sans-serif: Montserrat, sans-serif;
    --thin: 400;
    --normal: 600;
    --bold: 900;
    --celsom-amarelo: rgb(250, 209, 9);
    --celsom-dourado: rgb(252, 157, 5);
    --celsom-laranja: rgb(254, 106, 0);
    --sky: red;
    --escuro: #222222;
    --radial-gradient-escuro: radial-gradient(#3a3a3c, #222222);
}