body{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, Helvetica, sans-serif;
    background-color: 
#1a1f40;
}
.container{
    display: flex;
    flex-direction: column;

    width: 700px;
    
    padding: 10px;
    gap: 15px;
    box-shadow:0 20px 50px rgba(0,0,0.8);
    border-radius: 10px;
background-color:white;
  /*  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);*/

}
img{
    font-size: 15px;
}

.botoes{
    display: flex;
    flex-direction: column;
    gap: 10px;
 
}
.btn{
 flex: 1;   
text-align: justify;
  hyphens: auto;   
 box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); 
 color: inherit;
 border-radius: 10px;
 font-size: 20px;
}
.youtube{
 display: flex;
 justify-content: center; 
 
}
.nav{
 display: flex;
 justify-content: space-around;
 padding: 10px;  
}
.correto{
    background-color: #d4fcd4;
   /* background-color: green;*/
}
.incorreto{
    background-color: #ffd6d6;
 /*   background-color: red;*/
}

span{
    color: rgb(150, 17, 17);
}
p{
  color: rgb(0, 0, 0);  
  text-align: justify;
  hyphens: auto;
  font-size: 18px;
 /*line-height:25px ;
 
 hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;*/



}
.imgtexto{
    width: 100%;
   
}
.imagemtexto{
    width: 100%;
}

button{
   background: transparent;
   border: none;
}
.textocentro{
   
    display: block;
    text-align: center;
}
.textoesquerda{
    display: block;
    text-align: left;
}
.textodireita{
    display: block;
    text-align: right;
    
}


/*
 box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); card geral
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); btn sombra
  box-shadow:0 20px 50px rgba(0,0,0.8);
*/