#fontIN{
    color:#888888;
    font-size:15px;
    font-family:'David Libre';
    }
.img1 {
  filter: grayscale(100%);
}
    .font1 {
  font-size: xx-large;
}
.dark-mode {
  background-color: black;
  color: white;
  
}
#ab2 
{
   font-size: 35px;
   color: #0D47A1;
    height:40px;
    width:40px;
    text-align: center;
}
#ab1 
{
   font-size: 35px;
   color: #0D47A1;
   background-color:#ffffff;
   height:200px;
   width:40px;
   text-align: center;
   padding-top:10px;
   padding-bottom: 10px;
   border-color: #0D47A1;
   border-top: 3px solid;
   border-left: 3px solid;
   border-bottom: 3px solid;
   border-bottom-left-radius:8px ;

}
#icons_1 
{
   font-size: 35px;
   color: #005C86;
   

}
#icons_2 
{
   font-size: 35px;
   color: #005C86;
   

}
#icons_3 
{
   font-size: 35px;
   color: #005C86;
   

}
#icons1 
{
   font-size: 35px;
   color: #005C86;
   

}
#iconsTitle 
{
   font-size: 55px;
   color: #005C86;
   

}
#icons2 
{
   font-size: 150px;
   color: #005C86;
   

}
#icons1font
{
   color: #ffffff;
   font-size: 21px;
      
         padding-top: 5px;
   
}
#panel1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel2 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel3 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel4 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel5 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel1_1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel2_1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel3_1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel4_1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }
  #panel5_1 {
    padding: 50px;
    display: none;
    width: 50%;
    text-align: right;
  }