body,html{background:#22262d;position:relative;margin:0;width:100%;height:100%}#mainC{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-family:Lato;max-width:340px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}#mainC .message{font-size:16px;text-align:center}#mainC .message h1{margin:0;padding:0;font-size:11em;transform:skewY(-5deg);transition:.4s ease-in-out all;font-weight:900}#mainC .message h1:hover{text-shadow:20px 20px 0 rgba(175,211,61,0.1)}@media(max-width:300px){#mainC .message h1{font-size:50vw}}#mainC .message h3{color:#6eb43f;font-size:.9em;margin-bottom:10px;line-height:1}@media(max-width:300px){#mainC .message h3{font-size:5vw}}#mainC .footer{display:flex;flex-wrap:wrap;align-items:center;width:100%}#mainC .footer a{position:relative;flex:1;color:rgba(255,255,255,0.6);text-decoration:none;border-radius:3px;border:1px solid rgba(255,255,255,0.6);margin:0 20px;text-align:center;padding:10px 0;overflow:hidden;transition:all .2s ease-in-out;z-index:3}@media(max-width:300px){#mainC .footer a{flex:5 100%;width:100%}}#mainC .footer a:hover{border:1px solid #fff;color:#121212}#mainC .footer a:hover span{width:310px;height:310px}#mainC .footer a span{content:'';position:absolute;background:#6eb43f;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;transition:all .5s ease;z-index:-1}@media(max-width:300px){#mainC .footer a span{transition:all .2s ease-in}}#mainC .footer a span:active{background:#6eb43f}#mainC .footer .legal{text-align:center;flex:3;color:rgba(204,204,204,0.5)}@media(max-width:300px){#mainC .footer .legal{font-size:4vw;flex:5 100%;padding:5px 10px}}