.expansive-box {
    border: 1px solid #dddddd00;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;


}

.expansive-box h3 {
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3px;
    margin-top: 5px;

}


h3:hover{
    box-shadow: 0px 0px 3px 2px #1c091f5d;
    transition: 0.5s;
}

.expansive-box .content{
    display: none;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: -40px;
    margin: 0px;
    text-align:justify;
    align-items: left;
    justify-content: column;


}





h2{
    text-align: center;
    margin-bottom: -100px;
}

main {
    
    
    margin-top: 115px; /* Adjust as needed */
        
      
    padding: 15px; /* Adjust as needed */
        
       
    margin-bottom: 0px; /* Adjust as needed */
    }






.descrição{
    margin-left: -50px;


}



.expansivo ul{
    box-shadow: none; /* Remove a sombra */

}


/* BARRA DE ROLAGEM ROSA*/



body::-webkit-scrollbar{
    width: 9px;               
    height: 5px;
    
  }
  
  body::-webkit-scrollbar-track {
    background: #808080;
    background-color: #75757577;        /* color of the tracking area */
  }



  
  body::-webkit-scrollbar-thumb:hover  {
    background-color: #bb8bc1;    /* color of the scroll thumb */
    border-radius: 20px;       /* roundness of the scroll thumb */
    border: 3px solid rgba(255, 93, 244, 0);  /* creates padding around scroll thumb */

  }





  #content{
    margin-top: 100vh;
  }