Template:IISc Bangalore boxes/CSS

.boxes { 

 height: 100%;
 padding: 10px 10px 10px 10px;
 text-align: center;

}

.bara_dabba { 

 margin: 2px 2px 2px 2px;
 height: 40%;
 display: flex;
 /*border: 1px solid;*/

}

.chotta_dabba { 

 height: 95%;
 min-width: 95%;
 margin: 2px 2px 2px 2px;
 text-align: center;


}


.semi_dabba { 

 height: 100%;
 width: 50%;
 margin: 4px;
 text-align: right;
 display: inline-block;

 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 /* background-color: set background-image */

}

.header { 

 position: relative;
 top: 10px;
 font-size: 35px;
 text-align: center;
 /*margin: 30px;*/

} .text { 

 font-size: 20px;
 margin: 20px;

} .glimpse { 

 font-size: 40px;

} .project li { 

 text-decoration: inherit;
 display: inline;
 margin: 5px;

}

  1. first {
 background-color:#70c15c ;

}

  1. second {
 background-color:#bb4d6c ;

}

  1. third {
 background-color:#964dbb ;

}

  1. fourth {
 background-color:#ebd33c ;

}

.sub { 

 height: 100%;

}

  1. overview {
 background-color: #f4e899;

}

  1. design {
 background-color:  #f4e899;

}

  1. protein{
 background-color:  #f4e899;

}

  1. aggre {
 background-color:  #f4e899;

}

  1. left {

display: inline-block; 

 /*float: left;*/

} .image {

display: inline-block; 

 float: right;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);


} .large { 

 display: flex;

}