Template:BIT/css/bio

1. main{

   display: flex;
   justify-content: center;
   margin-top: 100px;
   margin-bottom: 100px;

}

1. main-detail{

   max-width: 1000px;
   padding: 0 40px;
   margin: 50px 0;

}

1. title{

   text-align: center !important;
   font-size: 48px !important;
   margin-bottom: 10px;
   font-family: 'OM';

}

1. overview{

   font-size: 18px !important;
   font-family: 'quicksand medium' !important;

}

1. introduce{

   /*padding: 0 40px;*/

}

1. detail_list{

   display: flex;
   justify-content: space-between;
   margin-top: 50px;
   flex-wrap: wrap;

} .overview-detail{

   width: 30%;
   padding-bottom: 25%;
   opacity: 0.5;
   transition: all 0.3s;
   font-size: 24px !important;
   font-family: 'quicksand bold' !important;
   position: relative;
   color: white;

} .overview-detail:hover{

   opacity: 1;

} .in{

   position: absolute;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
   top: 0;
   line-height:27px !important;

} .small-overview-detail{

   position: relative;
   width: 100%;
   padding-bottom: 60%;
   /*background-color: blueviolet;*/
   font-family: 'quicksand bold' !important;
   font-size: 24px !important;
   margin-bottom: 40px;
   opacity: 0.5;
   transition: all 0.3s;
   color: white;

} .small-overview-detail:hover{

   opacity: 1;

} .mini{

   font-size: 16px !important;
   font-weight: 300;

} .overview-img{

   width: 100%;
   height: 100%;
   position: absolute;

} a{

   color:white;

} a:visited{

   color:white;

}