:root {
    /* Color */
    --white-color: rgb(255,255,255);
    --dark-color: rgb(0,0,0);
    --pri-color: rgb(249, 206, 7);
    --sec-color: rgb(252, 16, 104);
    --ter-color: #1f0441;
    --qua-color: #fcab10;
    --qui-color: #0ce3e8;

    /* font */
    --font-size-s: .45rem;
    --font-size-n: .9rem;
    --font-size-m: 1.12rem;
    --font-size-l: 1.5rem;
    --font-size-xl: 2rem;
    --font-size-xxl: 2.3rem;

    /* font-weight */
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /*border radius */
    --border-radius-s: 8px;
    --border-radius-m: 30px;
    --border-radius-circle: 50%;

    /* site max */
    --site-max-width: 100%;
}

@font-face {
    font-family: 'False';
    src: url(../font/False.ttf);
}

body {
    margin: 0;             
    background-color: black;
    color: white;
    font-family: Georgia, serif;
}

html {
    scroll-behavior: smooth;
}

[id] {
    scroll-margin-top: 100px;    /* Desloca o topo da seção para baixo da navbar */
}

.box {
    display: flex;
    flex-grow: 1;
    /* border: 3px solid white; */
    border-radius: 25px;
    font-size: var(--font-size-l);
}

p {
    font-size: var(--font-size-m);
}

#box_anu {
    display: none;
}

@media (max-width: 1100px) and (orientation: portrait) {
    [id] {
      scroll-margin-top: 210px;    /* Desloca o topo da seção para baixo da navbar */
    }
}

@media (max-width: 1100px) and (orientation: landscape) {
    [id] {
        scroll-margin-top: 63px;    /* Desloca o topo da seção para baixo da navbar */
    }
}