body{background-color:#FFFFCC;}
h2{text-align:center; font-size:2em;font-weight:bold;}
.midasi{font-size:4em; text-align:center;text-shadow: 1px 1px 2px silver; font-weight: bold; margin:10px; padding:10px;border:5px solid black;
background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c); }
   


.mainbox { display: table; width: 70%; margin: 0 auto;table-layout: fixed;}

.box { display: table-cell;vertical-align: middle; text-align: center; border:5px solid black; padding:10px;width:12em;}

.box:nth-child(1):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}

.box:nth-child(2):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}

.box:nth-child(3):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}