@import url("styles/header.css");
@import url("styles/listas.css");
@import url("styles/rodape.css");
@import url("styles/botao-flutuante.css");
@import url("styles/menu-lateral.css");
@import url("styles/nova-consulta.css");

:root {
    --branco: #FFFFFF;
    --preto: #333333;
    --cinza-escuro: #464646;
    --cinza-claro: #A3A3A3;
    --azul: #4894FF;
    --branco-perola: #F6F6F6;
    --laranjado: #FFB050;
    --branco-gelo: #ECECEC;

    --fonte-principal: 'Montserrat', sans-serif;
}

html {
    font-size: 62.5%;
}

* {
    max-width: 100%;
    box-sizing: border-box;
}

body {
    /* box-sizing: border-box; */
    font-size: 1.6rem;
    font-family: var(--fonte-principal);
    width: 100vw;
    height: 100vh;
    background: linear-gradient(100deg, #F8F4FF 0%, #EFF0F4 100%);
}

header {
    padding: 2.5rem 1.5rem;
}

main {
    padding: 2.5rem 1.5rem 5rem 1.5rem;
}