@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&family=Montserrat:wght@600&family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@500&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    font-size: 62.5%;
    
    --title-font:'Poppins', sans-serif;
    --title-size: 4rem;
    --title-size-mobile: 2.5rem;
    --subtitle-size-mobile: 1.7rem;
    --subtitle-size: 2rem;
    --text-size: 1.6rem;
    --subtitle-font: 'Montserrat';
    --text-font: 'Roboto', sans-serif;

    --light-text-color: #FFFFFF;
    --dark-text-color: #000000;
    --light-secondary-text-color: #D1D1D1;
    --shadow-back : 0 5px 15px rgba(0,0,0,0.5);
    --withe : #fff;

    --primary-color: #00adef;
    --main-color: #00adef;
    --secondary-color: #EDEDED;
    --tertiary-color: #191A23;
}

h1, h2 {
    font-family: var(--title-font);
}

p, a {
    font-family: var(--text-font);
}

.botao_whats {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 10;
  }