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

.body{
  font-family: 'Montserrat', sans-serif;
  background-color: #000;
}
.bg-dobra{
  /* background-image: linear-gradient(to right bottom, #2d0754, #33085d, #380967, #3e0970, #440a7a, #560983, #68088b, #7a0593, #9a029a, #ba03a0, #d80da4, #f61ba6); */

  /* background-image: linear-gradient(to bottom, #b06bd1, #ba65cf, #c55ecc, #d057c8, #da4ec3, #cc43ab, #be3995, #ae3080, #82275a, #581e3a, #2f141e, #000000); */

  /* background-image: linear-gradient(to bottom, #ff00e0, #e200c1, #c500a3, #a80087, #8b006d, #770359, #630647, #4f0836, #3e0b27, #2c0c1b, #1c0810, #000000); */

  background-image: linear-gradient(
    0deg,
    hsl(0deg 0% 0%) 13%,
    hsl(314deg 84% 7%) 54%,
    hsl(315deg 84% 15%) 70%,
    hsl(314deg 82% 22%) 80%,
    hsl(314deg 82% 29%) 87%,
    hsl(314deg 83% 36%) 92%,
    hsl(314deg 83% 44%) 95%,
    hsl(314deg 82% 51%) 98%,
    hsl(314deg 82% 58%) 99%,
    hsl(314deg 83% 65%) 100%,
    hsl(314deg 83% 73%) 100%,
    hsl(314deg 83% 80%) 100%
  );

}
.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;
}
.text-gold {
    color: #e1ce7d;
}
.text-black {
    color: #000;
}

/* Color Background */
.bg-azul{
  background-color: #01bafe;
}
.bg-rosa{
  background-color: #f61ba6;
}
.bg-gold{
    background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}
.bg-black{
    /* background-color: #18181b; */
    background: linear-gradient(0deg, rgba(255,255,255,0.07 ) 0%, rgba(0,0,0,1) 100%);
}

.bg-icon{
    background: linear-gradient(0deg, rgba(255,255,255,0.2 ) 0%, rgba(0,0,0,1) 100%);
}

.bg-black2{
    background-color: #000;
}
.box-passo {

    border: 1px dashed #e1ce7d;
    border-radius: 20px;
}
















.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: 60px;
}
.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{
  animation: boot 1s infinite;
  background: #19bf1f;
  box-shadow: 0px 6px 0px 0px #139117;
  border: none;
  transition: all .10s ease-in-out;
  
}
.cta:hover{
  background: #139117;
  box-shadow: 0px 6px 0px 0px #0f7513;
  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: 35px;
  }

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



@keyframes boot {
    0%   {transform: scale(1);}
    50%  {transform: scale(0.98);}
    100% {transform: scale(1);}
    
    }