@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

* {font-family: "Noto Sans", sans-serif;}

h1   {color: #ffffff; font-size: 30px;}
h2   {color: #00aae2; font-size: 30px;}
h3   {color: #00aae2; font-size: 30px;}
h4   {color: #00aae2; font-size: 25px;}
h5   {color: #000000; font-size: 20px;}
h6   {color: #00aae2; font-size: 20px;}
p    {color: #696969; font-size: 20px;}
span {color: #000000; font-size: 20px;}

a img {margin-right: 10px;}

li a {font-size: 18px;}

.botao-novo-padrao {
    background-color: #ffffff;
    color: #00aae2;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 100px;
    padding: 15px 20px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.botao-novo-padrao,
.botao-novo-padrao:visited,
.botao-novo-padrao:focus,
.botao-novo-padrao:hover,
.botao-novo-padrao:active {
    color: #00aae2;
    text-decoration: none;
}

.botao-novo-whats {
    background-color: #25d366;
    color: white;
    font-size: 25px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 100px;
    padding: 15px 20px;
    margin-top: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.botao-novo-whats,
.botao-novo-whats:visited,
.botao-novo-whats:focus,
.botao-novo-whats:hover,
.botao-novo-whats:active {
    color: white;
    text-decoration: none;
}

.box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.super-box {
    padding: 20px;
}


/* COLORS */

.white {color: #ffffff;}
.black {color: #000000;}
.blue  {color: #00aae2;}




/* antigo, verificar onde esta sendo usado */
.anime {
	opacity: 0;
	transform: translate3d(0,50px,0);
	transition: .5s;
}

.anime-start {
	opacity: 1;
	transform: translate3d(0,0,0);
}