/* GENERAL */

:root {
    --principal: #bfe3bf;
    --secundario: #202920;
    --titulos: #202920;
    --texto: #121912;
}

html {
    overflow-x: hidden;
    padding: env(safe-area-inset);
}

body {
    background-color: var(--principal);
    font-family: 'Lato', sans-serif;
    overflow-x: clip;
}

h2 {
    color: var(--titulos);
}

p {
    color: var(--texto-secundario);
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
    background-color: var(--principal);
}

.btn-secondary,
.btn-secondary:active,
.btn-secondary:visited {
    background-color: var(--secundario);
    color: white;
}

.btn-secondary:hover {
    background-color: #131813;
    color: white;
}

#landing-page {
    padding-top: 3vh;
    padding-left: 7vw;
    padding-right: 7vw;
    padding-bottom: 1vh;
}