#maqdescs{
   display:flex;
   flex-direction:column;
   position: absolute;
   min-width:90%;
   left:5%;
   /* top:5%; */
   z-index:3000;
   background-color: rgba(0,0,0,0.7);
   padding:2%;
   box-sizing: border-box;
   border-radius: 25px;
}
#maqdescscont{
   display: flex;
   flex-direction: row;
}
.descHeader{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: 25px;
}
.descCont{
   background-color: rgba(255,255,255,0.7);
   border: thin solid lightgrey;
   border-radius: 15px;
   padding:15px;
   flex-grow:1;
   flex-basis: min-content;
   margin: 1px;
}
.cours label{
   font-size:1.3em;
   font-weight:500;
   margin:5px 0;
}
.cours > div > div{
   margin-left:10px;
}
#comparator > div{
   display: flex;
   flex-direction: column;
   position:absolute;
   z-index:4000;
   line-height:30px;
   max-height:30px;
   overflow:hidden;
   transition: max-height 100ms;
   padding:0 20px;
   border-radius:5px;
}

#comparator > div:hover{
   background-color:white;
   box-shadow: 0 4px 10px 10px rgba(0,0,0,0.2);
   max-height:3340px;
}

#comparator > div a:first-child{
   color:white;
   text-decoration:none;
}
#comparator > div a:first-child:after{
   content: "\025BE";
   margin-left:10px;
}

#comparator > div:hover a:first-child{
   color:black;
}
#comparator > div:hover a:first-child:hover{

}
.closeButton.main{
   width:40px;
   height:40px;
   border-radius: 20px;
}
.closebutton{
   width:30px;
   height:30px;
   border-radius: 15px;
   display:inline-block;
}
.closebutton img,
.closeButton.main img{
   width:100%;
   height:100%;
   border-radius: 50%;
}