@charset "UTF-8";

/* reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    /*No text select*/
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
}

/* Fonts */
@font-face {
    font-family: 'baskervilleBold';
    src: url('../fonts/BaskervilleBoldBT.woff2') format('woff2');
    src: url('../fonts/BaskervilleBoldBT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'baskervilleBoldItalic';
    src: url('../fonts/BaskervilleBoldItalicBT.woff2') format('woff2');
    src: url('../fonts/BaskervilleBoldItalicBT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuraBookBT';
    src: url('../fonts/FuturaBookBT.woff2') format('woff2');
    src: url('../fonts/FuturaBookBT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuraLT';
    src: url('../fonts/FuturaLT.woff2') format('woff2');
    src: url('../fonts/FuturaLT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* #region colors variables */
:root {
    --white: #fff;
    --rose: #e5d1c0;
    --rose-boxes: #e4d1c0;
    --almost-black: #080100;
    --brown: #342d27;
    --brown-2: #aa886a;
    --brown-2-opacity: rgb(170, 136, 106, .9);
}

/* #endregion colors variables */

html,
body {
    width: 100%;
    height: 100vh;
    background-color: var(--white);
    font-family: 'futuraLT', Arial, Helvetica, sans-serif;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--brown);
}

p,
span,
li,
a {
    font-size: 1.4vw;
    line-height: 2.5vw;
    text-align: center;
    color: var(--brown);
    font-family: 'futuraLT', Arial, Helvetica, sans-serif;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

h1 {
    font-size: 3.5vw;
    line-height: 3.5vw;
    text-align: center;
    color: var(--almost-black);
    font-family: 'baskervilleBold', Arial, Helvetica, sans-serif;
}

h6 {
    font-size: 1.11vw;
    color: var(--brown);
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'futuraBookBT', Arial, Helvetica, sans-serif;
}

button {
    border: none;
    outline: none;
    height: auto;
    font-size: 1.6vw;
    padding: .5vw 0;
    cursor: pointer;
    text-align: center;
    color: var(--white);
    background-color: var(--rose);
    font-family: 'futuraLT', Arial, Helvetica, sans-serif;
}

button:not(.buttonMenu):hover {
    filter: drop-shadow(0 0 10px var(--rose-boxes));
}

/* Container dos Textos, caso precise colocar em outro seção no futuro */
.containerTexts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3vw;
    height: auto;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: auto;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: var(--brown-2);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brown-2-opacity);
}

/* Scrollbar for Firefox */
@-moz-document url-prefix() {

    body,
    html {
        scrollbar-width: thin;
        scrollbar-color: var(--brown-2) transparent;
    }
}