:root {
    --black: #17181A;
    --white: #FFF;
    --tea-green: #B8EFBD;
    --awesome-green: #2F3A57;
    --nice-green: #C6E1CE;
    --dandelion: #FFD166;
    --gris: #F7F7F6;
    --grys: #F9FAFC;
}

::selection {
    background: var(--tea-green); /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: var(--tea-green); /* Gecko Browsers */
}

body {
    margin: 0;
    border: 0;
    z-index: -1;
    background-color: var(--white);
}

h2 {
    margin: 0;
    padding: 0;
    cursor: default;
    font-family: 'Shrikhand', cursive;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    color: var(--black);
    text-align: left;
}

h3 {
    margin: 0;
    padding: 0;
    font-family: 'Shrikhand', cursive;
    font-size: 55px;
    font-weight: 700;
    line-height: 55px;
    color: var(--black);
    text-align: left;
}

h4 {
    margin: 0;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    color: var(--black);
    text-align: left;
}

h5 {
    margin: 0;
    padding: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    color: var(--black);
    text-align: left;
}


p {
    color: var(--black);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    font-family: 'Playfair Display', serif;
}

a {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
    color: var(--black);
    font-family: 'Rubik', sans-serif;
    border-bottom: 2px solid var(--black);
}

a:hover {
    border-bottom: 0px;
}