*{margin:0;padding:0;box-sizing:border-box;text-align: center;}body{background-color:white;}.hero-image{max-width:100%;display:flex;max-height:100%;padding:0;top:0;}nav{background-color:black;text-align:center;position:fixed;top:0;width:100%;padding:1%;z-index:1000;display:flex;justify-content:space-between;align-items:center;}.hamburger{display:none;font-size:2em;cursor:pointer;color:white;}.nav-links{display:flex;flex-direction:row;}.nav-links ul{list-style-type:none;padding:0;}.nav-links li{display:inline-block;}footer{background-color:black;text-align:center;}footer p,.copyright{font-size:1em;color:#fff;padding:0.1em;}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:5px;position:relative;}.frame{position:relative;max-width:450px;margin:2% auto;opacity:0.9;}.frame:hover{opacity:1;box-shadow:8px 8px 10px #808080;transform:translateY(10px);}table{border:1px solid #000;border-collapse:collapse;margin:0 auto;width:100%;}td{border:1px solid #000;padding:2%;}@media screen and (max-width:629px){.hamburger{display:block;}.nav-links{display:none;flex-direction:column;width:100%;background-color:black;position:absolute;top:100%;left:0;z-index:1000;}.nav-links.active{display:flex;}nav p{border-right:none;}}@media screen and (min-width:630px) and (max-width:1014px){nav p{font-size:1.4em;}.grid{grid-template-columns:repeat(2,1fr);}}@media screen and (min-width:1015px){header{width:25%;float:left;padding-bottom:0;}main{clear:left;}main h1{font-size:1.8em;}.grid{grid-template-columns:repeat(3,1fr);}.nav p{font-size:1.6em;}}nav p a{display:inline-block;color:#fff;text-decoration:none;padding:0.1em 0.75em;}nav p a:hover{color:#000;background-color:#fff;transform:scale(1.3);}.rules{text-align:center;background:radial-gradient(circle at 18.7% 37.8%,rgb(250,250,250) 0%,rgb(225,234,238) 90%);}.frame:hover{opacity:1;box-shadow:8px 8px 10px #808080;transform:translateY(10px);}main{padding-top:60px;}