@charset "UTF-8";

.about{
  padding-top: 80px;
}
.about p::first-line{
  text-align: center;
  margin-top: 30px;
  /* margin-bottom: 100px; */
}
.loof_pic img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.loof_tex h3{
  /* font-family: mplus-1p-light; */
  margin-top: 50px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 17px;
}
.loof_tex p{
  text-align: center;
  font-size: 12px;
  margin-left: 15px;
  margin-right: 15px; 
}
.eachTextAnime span{opacity: 0;}
.eachTextAnime.appeartext span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
  0% {opacity:0;}
  100% {opacity:1;}
}

.branco{
  /* display: flex; */
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 100px;
  justify-content: space-between;
}
.branco_pic img{
  width: 60%;
}
.branco_tex{
  margin-top: 30px;
  /* width: 80%; */
  text-align: end;
  /* margin-left: 20%; */
  /* padding-top: 50%; */
  /* background-color: rgb(255, 255, 255, 0.8);
  padding: 10px; */
}
.branco_tex h4{
  margin-bottom: 10px;
}
.branco_tex p{
  font-size: 10px;
}

.telas{
  /* display: flex; */
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 100px;
  justify-content: space-between;
}
.telas_pic{
  width:  100%;
}
.telas_pic img{
  width: 60%;
  margin-left: 40%;
  margin-top: 32px;
}
/* .telas_tex{
  max-width: 80%;
} */
.telas_tex h4{
  margin-bottom: 10px;
}
.telas_tex p{
  font-size: 10px;
}