:root {
    --background: #ECECEC;
    --purple: #805EC0;
    --purple-text: #6C63FF;
    --orange: #FF8D28;
    --orange-background: #FF9635;
    --gray-text: #2F2E41;
    --gray-light: #FBF9F9;
    --gray-light-text: #E6E6E6;
    --gray-light-footer: #2D2C2C;
    --gray-dark-footer: #222222;

}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    list-style: none;
}

body {
    background: var(--background);
    -webkit-font-smoothing: antialiased;
}

body, input, textarea, button, label {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

button {
    cursor: pointer;
}

h1, strong {
    font-weight: 700;
}

h2 {
    font-weight: 500;
}

[data-anime] {
    opacity: 0;
    transition: .3s;
}
  
[data-anime="left"] {
    transform: translate3d(-50px, 0, 0);
}

[data-anime="right"] {
    transform: translate3d(50px, 0, 0);
}

[data-anime="top"] {
    transform: translate3d(0, -50px, 0);
}

[data-anime].animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

/* @media(min-width: 1080px) {
    html {
        font-size: 93.75%;
        font-size: 87.5%;  
    }
} */

@media(min-width: 720px) {
    html {
        font-size: 87.5%;  
    }
}