body{background-color:#FFFFCC;
background-image: url(skip_back.PNG);
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;}

h1{text-align: center;font-size: 3em;font-weight: bold;}

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); }

div.maintext {text-align: center; border: ridge 2px;}

.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;}

a:hover{text-decoration: underline;}

@media print{
  body {background-color: white;}
  h1 {color: black;}
  h2 {color: black;}
}
p {text-align: center;}