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; } #id { width: 70%; height: 40%; } .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; }