body {
  margin: 0;
  font-family: 'Baloo Tamma 2';
  background-color: #FFFBFF;
  color: #333;
}
.header {
  background-color: #6C59C0;
  color: white;
  text-align: center;
}
.header h1 {
  margin: 0;
  font-size: 4em;
}
.header p {
  margin: 10px 0 0;
  font-size: 1em;
}
.subheader h1 {
  color: #6758C2;
  margin: 10px 0 0;
  font-size: 1.5em;
  text-align: center;
  background-color:#FFFBFF;
}
.intro {
  margin-top: 100px;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 86px 20px;
  background-color: #fafaff;
  
}
.sentada {
  max-width: 400px;
}
.intro .buttons {
  margin-left: 100px;
  display: flex;
  align-items: start;
  font-size: large;
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

.intro .buttons button {
  font-weight: bold;
  font-family: 'Baloo Tamma 2';
  margin: 5px;
  padding: 10px 20px;
  font-size: 1em;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  background-color: #6758C2;
  color: white;
  margin-top: 100px;
}
.intro .buttons > #b1 {
  box-shadow: 5px 5px  rgba(175, 175, 175, 0.815);
  margin-top: 20px;
}
.intro .buttons > #b2 {
  box-shadow: 5px 5px  rgba(175, 175, 175, 0.815);
  margin-top: 20px;
}
.section {
  padding: 40px 20px;
  background-image: linear-gradient(180deg,#6C59C0 20%,#a760b8 80%);
  text-align: center;
}
.section h2 {
  color: #ffffff;
  font-size: 35px;
}
.section #sec1 {
  text-align: start;
  margin-left: 2%;
  color: #ffffff;
}
.section #sec1 p{
  font-weight: bold;
  margin: 0;
}

.section #sec2 {
  text-align: end;
  margin-right: 2%;
  color: #ffffff;
}
.section #sec2 p{
  font-weight: bold;
  margin: 0;
}
.section #sec3 {
  color: #ffffff;
  text-align: start;
  margin-left: 2%;
}
.section #sec3 p{
  font-weight: bold;
  text-align: start;
  margin: 0;
}
.divider {
  border-top: 1px solid #ffffff;
  margin:100px auto;
  width: 95%;
}
.footer {
  background-color: transparent;
  font-family: 'Baloo Tamma 2';
  text-align: center;
  color: white;
  height:4px;
}
.footer a{
  color: #ffffff;
  text-decoration: none;
}
.lili-img {
  max-width: 300px;
  margin-top: -200px;
  margin-left:75%;
}


/* Para telas médias (tablets) */
/* @media (min-width: 500) {
  .hide {
    position: absolute;
    left: 90%;
    top: calc(100vh - 213px);
    transform: translateX(-50%);
    max-width: 400px;
    z-index: 10;
    
  }
}



@media (max-width: 499) {
  .hide {
    position: absolute;
    left: 90%;
    top: calc(100vh - 213px);
    transform: translateX(-50%);
    max-width: 400px;
    z-index: 10;
  }
} */