@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");vg{margin:0 0;padding:0}#hexagon-1,#hexagon-2,#hexagon-3,#hexagon-4,#hexagon-5,#hexagon-6,#hexagon-8,#hexagon-9{animation:float 1s infinite ease-in-out alternate}#hexagon-2{animation-delay:.2s}#hexagon-3,hexagon-9{animation-delay:.4s}#hexagon-4,#hexagon-8{animation-delay:.6s}#hexagon-5{animation-delay:.8s}#hexagon-6{animation-delay:.2s}@keyframes float{100%{transform:translateY(10px)}}#message-box{width:350px;position:absolute;top:220px;left:500px;padding:5px;text-align:center;vertical-align:middle;color:#fff;font-size:7.5em;font-weight:900;font-family:"Montserrat",sans-serif}#message-box p{animation:float 1s infinite ease-in-out alternate}.card-title{font-family:"Press Start 2P",Arial,sans-serif}.card .card-title{font-size:13px}#index-banner{background:#000}@media screen and (max-width:1500px){#message-box{left:30%;top:34%}}@media screen and (max-width:1100px){#message-box{left:20%;top:40%}}@media screen and (max-width:750px){#message-box{left:20%;top:40%;font-size:3em}}@media screen and (max-width:500px){#message-box{left:5%;top:40%;font-size:3em}}@media screen and (max-width:300px){#message-box{margin-left:-60px;top:40%;font-size:3em}}@media screen and (max-width:200px){#message-box{margin-left:-100px;top:40%;font-size:2em}}.hero-header{font-family:"Montserrat",sans-serif;font-size:20px;line-height:28px;color:#ddd}.card-content{color:rgba(221,221,221,.66)}.card{background-color:#000;box-shadow:0 0 2px 0 rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);transition:box-shadow .2s ease}#list{font-family:"Press Start 2P",Arial,sans-serif;text-align:center;font-size:17px}