body{
/*background-color: white;*/
background-size: 100%;
min-height: 670px;
background-size: fixed;
font-size: 10pt;
font-family: times new roman;
-webkit-text-size-adjust: 0;

}

.text1{
clear:both; 
text-align:center; 
bottom:5px; 
margin-bottom:0px; 
position:fixed;
width:100%; 
font-weight:bold; 
color: white;

}

.tabel1{
width:100%;
height:100%;
background-color:white;


}

.tabel2{
width:100%;
height:10%;
background-color:white;
margin-top:-0.5%;

}


.buton1_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
color: black;
font-size:20pt;
font-family: times new roman;
text-align:center;
#padding-bottom:100px;
} 

.buton1_1:hover{
background-color:lightpink;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;


}

.buton1_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton1_2:hover{
background-color:lightpink;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;
}

.buton2_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:navajowhite;
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton2_1:hover{
background-color:navajowhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton2_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:navajowhite;
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
.buton2_2:hover{
background-color:navajowhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton3_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#EBF8A4;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton3_1:hover{
background-color:#EBF8A4;
color:white;
border-width:6px;
border-color:coral;
}

.buton3_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#EBF8A4;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton3_2:hover{
background-color:#EBF8A4;
color:white;
border-width:6px;
border-color:coral;
}

.buton4_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#A1FEB1;
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton4_1:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}


.buton4_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#A1FEB1;
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton4_2:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}

.buton5_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#B3EEEE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 
.buton5_1:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton5_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#B3EEEE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
.buton5_2:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton6_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:THISTLE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton6_1:hover{
background-color:THISTLE;
color:white;
border-width:6px;
border-color:coral;
}

.buton6_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:THISTLE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;

font-family: times new roman;

} 

.buton6_2:hover{
background-color:THISTLE;
color:white;
border-width:6px;
border-color:coral;
}

.buton7_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#F0BFFA;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton7_1:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}

.buton7_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#F0BFFA;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton7_2:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}

.buton8_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton8_1:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton8_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton8_2:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton9_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton9_1:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.buton9_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton9_2:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.buton11_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:Thistle;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton11_1:hover{
background-color:Thistle;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;


}

.buton11_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:Thistle;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton11_2:hover{
background-color:Thistle;
/*color:magenta;*/
color:white;
border-width:6px;
border-color:coral;


}

.buton12_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#A1FEB1;
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton12_1:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}

.buton12_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#A1FEB1;
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton12_2:hover{
background-color:#A1FEB1;
color:white;
border-width:6px;
border-color:coral;
}

.buton13_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#B3EEEE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton13_1:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton13_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#B3EEEE;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton13_2:hover{
background-color:#B3EEEE;
color:white;
border-width:6px;
border-color:coral;
}

.buton14_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:#F0BFFA;
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton14_1:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}


.buton14_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:#F0BFFA;
/* margin:10px; */
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
/* margin-right:0%; */
/* margin-bottom:0%; */
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 

.buton14_2:hover{
background-color:#F0BFFA;
color:white;
border-width:6px;
border-color:coral;
}

.buton15_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightgray;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 
.buton15_1:hover{
background-color:lightgray;
color:white;
border-width:6px;
border-color:coral;
}

.buton15_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightgray;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;

} 
.buton15_2:hover{
background-color:lightgray;
color:white;
border-width:6px;
border-color:coral;
}

.buton16_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightblue;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;

font-family: times new roman;

} 

.buton16_1:hover{
background-color:lightblue;
color:white;
border-width:6px;
border-color:coral;
}

.buton16_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightblue;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;

font-family: times new roman;

} 

.buton16_2:hover{
background-color:lightblue;
color:white;
border-width:6px;
border-color:coral;
}

.buton17_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:NavajoWhite;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton17_1:hover{
background-color:NavajoWhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton17_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:NavajoWhite;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;


} 
.buton17_2:hover{
background-color:NavajoWhite;
color:white;
border-width:6px;
border-color:coral;
}

.buton18_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton18_1:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton18_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:lightpink;
border-style:solid;
border-width:0px;
margin-left:0%;
margin-top:0%;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 
 
.buton18_2:hover{
background-color:lightpink;
color:white;
border-width:6px;
border-color:coral;
}

.buton19_1{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:140px;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton19_1:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.buton19_2{
cursor: pointer;
/*width: 400px;
height: 250px;*/
width:100%;
height:140px;
background-color:darkseagreen; 
border-style:solid;
border-width:0px;
vertical-align:top;
color: black;
font-size:20pt;
font-family: times new roman;
} 

.buton19_2:hover{
background-color:darkseagreen; 
color:white;
border-width:6px;
border-color:coral;
}

.login{

    color: #333;
  /* max-width:30%;
	max-height:50%; 
	max-width:400px;
	max-height:100px;
	min-width:400px;
	min-height:100px;*/
	box-sizing: border-box;
   position: fixed;
   top:33%;
   left:34%;
}

