body{ 
    margin: 0px;
    font-family: 'Roboto-Medium',sans-serif,Arial;
        
}
*{ box-sizing: border-box; }
@font-face{
    font-family: 'Roboto-Medium';
    src: url('/fonts/Roboto-Medium.ttf');
}
.cabecalho{
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding:  0.5em ;
    
}
.cabecalho img{
    width: 1em;
}
.logo img{
    width: 8em;
    height: auto;
}
.menu{
    display: flex;
    flex-direction: row;
    padding: 0.5em;
    justify-content: space-between;
    height: auto;
}
.menu img{
    width: 1.2em;
}
.menu div{
    margin: 0em .6em;
}
.container{
    display: flex;
    flex-direction: column;
    margin: 1em;
}
.formulario {
    
   
    margin: 0px;
    display: flex; 
    align-items:  center;
    flex-direction: row;
    
    
    
}

.logoapp img{
    
    width: 5.5em;
    margin-top: 1em;
    border: 2px solid rgb(215, 215, 215);
    border-radius: 20px;
}
.titulos{
    margin: 3em 2em;
    display: flex;
    flex-direction: column;
   
}
.titulos p{
    padding: 0em;
    margin: 0px;
    
}
.titulo{
    font-size: 12px;
}
.descricoes{
    margin : 1em 0em 0em ;
    display: flex;
    flex-direction: column;
    
    
}
.descricao1{
    font-size: 12px;
    color: #00a173;
}
.descricao2{
    font-size: 8px;
    color: #00a173;
}
.classificao{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-left: 0.5em;
}
.star {
    
    display: flex;
    flex-direction: row;

}
.avaliacao img{
    width: 0.8em;
    height: 0.8em;
    margin: 0em;
}
.star p{
    font-size: 12px;
    margin: 0em 0em 0em 1.5em;
    padding: 0;
    
}
.avalicoes p{
    margin: 0px;
    padding: 0px;
    font-size: 10px;
}
.donwload{
    display: flex;
    flex-direction: column;
}
.donwload img{
    width: 1em ;
    margin: 0em 0.3em ;
    
}
.donwload p{
    margin: 0px;
    font-size: 9px;
}
.indicativa {
    display: flex;
    flex-direction: column;

}
.indicativa img{
    width: 1.0em;
    padding: 0em;
    margin: 0em 1.7em ;
}
.indicativa p {
    margin: 0;
    font-size: 10px;
}

.baixar{
    width: 90%;
    height: auto;
    align-items: center;
    justify-content: center;
    margin: 3em 1em;
    
}
.baixar a{
    background-color: #00A44D;
    font-size: 12px;
    text-align: center;
    padding: 15px 10px;
    display: flex;
    justify-content: center;
    color: white;
    border-radius: 20px;
    text-decoration: none;
}
.carrousel{
    height: 230px; 
    width: auto;
    margin-bottom: 3em;
    
}

.carrousel-box{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;

    
    
}

.carrousel-box img {
  width: 7em ; 
  height: auto;
  border-radius: 15px; 
  margin: 0em 0.5em; 
}
.informacoes{
    width: 100%;
}
.sobre{
    width: 100%;
    height: auto;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
}
.appaeb{
    width: 100%;
    height: auto;
    font-size: 12px;
    margin: 1em 0em;
}
.educacao{
    width: 20%;
    height: auto;
    margin: 1.5em 0em;
}
.educacao p{
    
    font-size: 12px;
    text-align: center;
    padding: 5px 5px;
    display: flex;
    justify-content: center;
    color: #E7D7D7;
    border-radius: 20px;
    border: 1.5px solid #E7D7D7;
    
}
.seguranca{
    padding: 0em;
    width: 100%;
    height: auto;
    font-size: 12px;
    margin: 1em 0em;
}