@import url('./animation.css');

*{
   box-sizing: border-box;
   margin: 0;
}

div.serv {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   height: 500px;
   /*DESIGN*/
   background-color: rgb(0, 0, 0);
   color: white;
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

div.serv:nth-child(even){
   transform: scaleX(-1);
}

div.serv:nth-child(even) *:not(div.serv:nth-child(even) .serv-desc p){
   transform: scaleX(-1);
}

div.serv-img{
   width: 50%;
   height: 100%;
}

div.serv-title{
   padding: 20px;
   margin: 10px;
   /*DESIGN*/
   border: 1px solid;
   border-radius: 20px;
   font-size: 35px;
   font-weight:bold;
}

div.serv-title:hover{
   transition: transform 0.3s ease;
   transform: scale(1.1);
}

div.serv:nth-child(even).serv-title:hover{
   transition: transform 0.3s ease;
   transform: scale(1.5);
}

div.serv img, div.class-2 img, div.class-3 img, div.aula-bonus img{
   width: 100%;
   height: inherit;
   /*DESIGN*/
   opacity: 0.7;
}

div.serv-content{
   width: 50%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   padding: 30px;
   /*DESIGN*/
   text-align: center;
   background-color: #186B40;
   overflow: scroll;
}

div.serv-content{
   -ms-overflow-style: none;
  scrollbar-width: none;
}

div.serv-content::-webkit-scrollbar{
   display: none;
}

summary{
   margin-bottom: 10px;
   cursor: pointer;
}