html,body{zoom: 100%; font-family:font;height:100%;margin:0;overflow:hidden;padding:0;width:100%;opacity:0;opacity:1 \9;-webkit-animation:fadeIn;animation:fadeIn;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:.25s;animation-delay:.25s}@font-face{font-family:font;src:url(fonts/font.ttf)}img{width:auto}#main{background-image:url(img/bg.jpg);background-position:center;background-size:cover;height:100%;overflow:hidden;width:100%}#title{background-color:rgba(0,0,0,.5);color:#fff;width:100px;padding:10px 25px;position:relative;text-align:center;margin:34px;bottom:-220px;font-size:24px;border-radius:20px}#layout{bottom:-5%;height:800px;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100%}h2{position:absolute;top:7.5px;left:0;width:100%;font-size:24px;color:#fff}p.copyright{z-index:9999!important;text-align:center;width:100%;left:-485px;font-size:14px;bottom:-470px;margin:485px;position:absolute;color:#fff}.buttons{bottom:100px;height:250px;position:absolute;width:100%}.buttons .button{background-position:center;background-repeat:no-repeat;background-size:200px;display:inline-block;height:220px;transition:background-size .2s ease;width:200px}.button:hover{background-size:220px}.button:active{background-size:200px}a:link{color:#000;text-decoration:none}a:visited{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none}a:active{color:#000;text-decoration:none}#forum{background-image:url(img/forums.png)}#vote{background-image:url(img/vote.png)}#store{background-image:url(img/store.png)}#bans{background-image:url(img/bans.png)}#forum:hover{background-image:url(img/forums-hover.png)}#vote:hover{background-image:url(img/vote-hover.png)}#store:hover{background-image:url(img/store-hover.png)}#bans:hover{background-image:url(img/bans-hover.png)}#logo{-webkit-animation:logo;animation:logo;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes logo{0%{transform:translateX(-40px) rotateX(15deg) rotate(2deg)}50%{transform:translateX(40px) rotateX(-15deg) rotate(-2deg)}100%{transform:translateX(-40px) rotateX(15deg) rotate(2deg)}}