@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700,800&display=swap');

.body{
  font-family: 'Montserrat', sans-serif;
}
/* .bg-dobra{
  background-image: linear-gradient(to right bottom, #2d0754, #33085d, #380967, #3e0970, #440a7a, #560983, #68088b, #7a0593, #9a029a, #ba03a0, #d80da4, #f61ba6);
} */
.bg-dobra{
  background-image: url(../images/d2.png);
  background-repeat: no-repeat;
  background-position: center 0;
}
/* Color Text */
.text-cinza{
  color: #6d6474;
}
.text-azul{
  color: #01bafe;
}
.text-rosa{
  color: #f61ba6;
}
.text-lilas{
  color: #9b79d9;
}

/* Color Background */
.bg-azul{
  background-color: #01bafe;
}
.bg-rosa{
  background-color: #f61ba6;
}
.btn-rosa{
  background-color: #f61ba6;
}
.bg-lilas{
  background-color: #7827c0;
}
.bg-azul2{
  background-color: #bacbe8;
}

/* Tamanho Fonte */
.ts18{
  font-size: 18px;
}
.ts24{
  font-size: 24px;
}
.ts30{
  font-size: 30px;
}
.ts40{
  font-size: 40px;
}
.ts50{
  font-size: 50px;
}
.ts65{
  font-size: 65px;
}
.ts80{
  font-size: 80px;
}

/* Peso Fonte */
.tw400{
  font-weight: 400;
}
.tw500{
  font-weight: 500;
}
.tw700{
  font-weight: 700;
}
.tw800{
  font-weight: 800;
}

/* Espaçamento Letras */
.ts1n{
  letter-spacing: -1px;
}
.ts5n{
  letter-spacing: -5px;
}
.ts2{
  letter-spacing: 2px;
}

/* Espaçamento Linha */
.theight{
  line-height: normal;
}

/* rounded */
.rounded-10{
  border-radius: 10px;
}
.rounded-l-10{
  border-radius: 10px 0 0 10px;
}
.rounded-r-10{
  border-radius: 0 10px 10px 0;
}
.rounded-t-10{
  border-radius: 10px 10px 0 0;
}
.rounded-b-10{
  border-radius: 0 0 10px 10px;
}

.box-aprender{
  width: 150px;
  height: 150px;
}

.cta{
  background: #ff7301;
  box-shadow: 0px 6px 0px 0px #ff4a01;
  border: none;
  transition: all .10s ease-in-out;
}
.cta:hover{
  background: #ff4a01;
  box-shadow: 0px 6px 0px 0px #ff7301;
  transition: all .10s ease-in-out;
}
.cta:active{
  background: #ff7301;
  box-shadow: 0px 6px 0px 0px #ff4a01;
  transition: all .10s ease-in-out;
}

.img-compra-segura{
  width: 100%;
  max-width: 413px;
}

@media screen and (max-width: 415px) {

  .ts65{
    font-size: 50px;
  }
  .ts40{
    font-size: 25px;
  }
  .ts30{
    font-size: 16px;
  }
  .ts24{
    font-size: 18px;
  }
  .ts5n{
    letter-spacing: -2px;
  }
}