/* Braah Font bold */
/* @font-face{
    font-family: 'Braah';
    src: url('../fonts/BraahOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} */
@font-face{
    font-family: 'Braah';
    src: url('../fonts/FjallaOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Regular font */
@font-face{
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* Light font */
@font-face{
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Light.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}
/* Bold font */
@font-face{
    font-family: 'Comfortaa';
    src: url('../fonts/Comfortaa-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
:root{
    --blue-1: #130064;
    --blue-2: #1F5DAE;
    --orange-1: #E36600;
    --orange-2: #ED2600;
    --green-contact: #55B34D;
    --black-1: #000000;
    --gray-1: #D9D9D9;
    --gray-2: #616161;
    --white: #FFFFFF;
}

body{
    font-family: 'Comfortaa', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}
h1{
    font-family: 'Braah';
    font-size: 20px;
    color: var(--blue-2);
    margin: 0;
    padding: 0;
}
h2{
    font-family: 'Comfortaa';
    font-weight: normal;
    font-size: 14px;
    color: var(--blue-2);
}
h3{
    font-family: 'Braah';
    font-size: 20px;
    font-weight: normal;
    color: var(--orange-1);
}
a{
    all: unset;
    cursor: pointer;
}
span{
    color: var(--blue-2);
}
/* html{
    scroll-behavior: smooth;
} */

[id] {
    scroll-margin-top: 60px; /* mesma altura do menu fixo */
}
.button_1{
   width: 156px;
   height: 40px;
   border-radius: 20px;
   background-color: white;
   color: var(--blue-2);
   font-family: 'Comfortaa';
   font-size: 12px;
   box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
   border: none;
}
/* button{
    font-family: 'Comfortaa';
    font-size: 14px;
    color: var(--white);
    width: 134px;
    height: 39px;
    margin: 18px;
    border-radius: 20px;
    border: none;
    padding: 0;
    background-color: var(--orange-1);
    transition: all 0.15s ease-in-out;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
} */
button:hover{
    background-color: var(--blue-2);
    color: var(--white);
}
.login, .cadastrar{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
    border-radius: 20px;
    padding: 7px 30px;
    margin-right: 15px;
    color: var(--white);
    font-size: 12px;
    transition: all 0.4s ease;
}
.login:hover, .cadastrar:hover{
    background-color: var(--white);
    color: var(--blue-2);
}
html{
    scroll-behavior: smooth;
}
input, textarea, select{
    all:unset;
    box-sizing: border-box;
}
input, textarea{
    background-color: var(--white);
    border-radius: 10px;
    margin-bottom: 22px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #ccc;
}
input{
    height: 48px;
}
label{
    color: var(--white);
    font-size: 12px;
    margin-bottom: 8px;
}
footer{
    background-color: var(--black-1);
    color: var(--white);
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
ul{
    padding: 0;
}
li {
    list-style: none;
}
p{
    cursor: default;
}