body, table, section, foter, iframe, div, p, h1, h2, h3, table, tr, td, img, ul {margin:0px; padding:0px; border:0px;}body {max-width: 900px;margin: 250px auto 0;font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;font-size: 1.3rem;letter-spacing: 1px;}div {width: 40%;height: 50px;border-radius: 25px;float: left;margin: 0 5% 60px;box-sizing: border-box;}p {color: white;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}div:hover {border: 2px solid white;}p:hover {text-shadow: 0 3px 3px black;}.color-1 {background-color: rgba(166, 209, 237, .8);}.color-2 {background-color: rgba(255, 169, 59, .8);}.color-3 {background-color: rgba(146, 209, 42, .8);}.color-4 {background-color: rgba(191, 167, 203, .8);}.color-5 {background-color: rgba(166, 209, 237, .8);}.color-6 {background-color: rgba(241, 171, 196, .8);}.color-7 {background-color: rgba(191, 167, 253, .8);}.color-8 {background-color: rgba(146, 209, 159, .8);}.color-9 {background-color: rgba(212,133,247, .8);}a:link {color: black;}a:visited {color: black;}a:link {text-decoration: none;}p {text-align:center; line-height: 50px;}@media screen and (min-width: 360px) and (max-width: 499px) {body {margin-top: 170px;}div {position: relative;display: block;	width: 250px;margin: 20px 0 0;left: 50%;transform: translateX(-50%);}p {font-size: 1.2rem;}}