@font-face {
    font-family: outfit-black;
    src: url('../fonts/Outfit-Black.ttf');
}
@font-face {
    font-family: outfit-extrabold;
    src: url('../fonts/Outfit-ExtraBold.ttf');
}
@font-face {
    font-family: outfit-bold;
    src: url('../fonts/Outfit-Bold.ttf');
}
@font-face {
    font-family: outfit-semibold;
    src: url('../fonts/Outfit-SemiBold.ttf');
}  
@font-face {
    font-family: outfit-regular;
    src: url('../fonts/Outfit-Regular.ttf');
}
@font-face {
    font-family: outfit-light;
    src: url('../fonts/Outfit-Light.ttf');
}
@font-face {
    font-family: outfit-thin;
    src: url('../fonts/Outfit-Thin.ttf');
}
:root {
    --theme-color: #31b091;
    --color-semi-black: #020202;
    --color-grey: #222831;
    --color-grey-donde-comprar: #3f4046;
    --color-black: #000;
    --color-white: #FFF;
    --color-brown: #422f0c;
    --color-brown-light: #ad8a4c;
    --alpha: 0.8;

}
*{
    box-sizing: border-box;
    /* white-space: nowrap; */
}
body {
    background: var(--color-light-white);
    font-family: outfit-regular;
}
h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: outfit-semibold;
}
p {
    color: var(--color-white);
    font-size: 1.3rem;
    font-family: outfit-light;
}
label {
    color: var(--color-white);
    font-size: 1rem;
    font-family: outfit-regular;
}
input[type="text"] {
    background: transparent;
    border-radius: 0px;
}
input[type="email"] {
    background: transparent;
    border-radius: 0px;
}
select {
    background: transparent!important;
    border-radius: 0px!important;
    background-color: transparent!important;
    color: var(--color-white);
}
textarea {
    background: transparent!important;
    resize: none;
    border-radius: 0px;
    color: var(--color-white)!important;
}
input[type="text"] {
    color: var(--color-white);
}
input[type="text"]::placeholder {
    color: var(--color-white);
    opacity: 9; /* Firefox */
    font-family: outfit-thin;
}
input[type="text"]::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--color-white);
    font-family: outfit-thin;
}
input[type="email"] {
    color: var(--color-white);
}
input[type="email"]::placeholder {
    color: var(--color-white);
    opacity: 9; /* Firefox */
    font-family: outfit-thin;
}
input[type="email"]::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--color-white);
    font-family: outfit-thin;
}
select {
    color: var(--color-white)!important;
}
select > option {
    color: var(--color-black);
}