[CSS] Minecraft 2

background:blue}/** CSS By Austin (6388776683) **/*{margin:0;padding:0}*::selection{background:none}body{overflow:hidden}.screen{background:/*url(https://s20.postimg.cc/9uvdh20kd/Awesome_View.png)*/url(https://s20.postimg.cc/p4v8ol3vv/minecraft_alpha_panorama_by_lockrikard-d4hxmb7.png) center/contain;position:absolute;width:calc(4608px * 2);height:100%;z-index:-9999;animation:bg 50s linear infinite}@keyframes bg{0%{-webkit-transform;translate3d(0,0,0);transform:translate3d(0,0,0)}100%{-webkit-transform:translate3d(-4608px,0,0);transform:translate3d(-4608px,0,0)}}.logo,.menu,.options{text-align:center;position:absolute;transform:translate(-50%,-50%)}.logo{left:50%;top:calc(50% - 242px);perspective:400px}.menu{left:50%;top:calc(50% + 46px)}.options{top:calc(50% + 156px + 70px);left:calc(50% - 35px);width:100%}.title{font-family:minecraft;font-size:135px;color:#a89f9c;text-shadow:/* Text outline */-3px -3px 0 #000,3px -3px 0 #000,-3px  3px 0 #000,3px  3px 0 #000,/* Shadow */-3px 25px 0 #000,0px 25px 0 #000,3px 25px 0 #000,0px 26px 25px rgba(0,0,0,0.6),0px 26px 1px rgba(0,0,0,0.5),0px  0px 25px rgba(0,0,0,.2);display:block;transform-origin:50nope0%;transform:rotateX(20deg)}.subtitle{font-family:minecraftia;font-size:25px;color:#ff0;text-shadow:3px 3px 0 #000;position:absolute;width:100%;margin:-50px;animation:subtitle 0.25s linear alternate infinite}@-webkit-keyframes subtitle{0%{transform:scale(0.875) rotate(-20deg)}100%{transform:scale(1) rotate(-20deg)}}.subtitle a{color:inherit;text-decoration:none}.subtitle a:hover{color:#fd0}.button,.icon,[id*=yit] a,[href*=inapp]::before{margin:0 auto;display:block;width:590px;height:48px;margin-bottom:18px;box-shadow:0px 0px 0px 3px #000;border:3px solid #b6b6b6;border-style:outset;background:url(https://i.imgur.com/4sSqOcf.png),#6f6f6f;color:#fff;transition:all 0.1s linear}.options .button{width:283px}.options .icon{width:48px}.options li{display:inline-block}.options li:nth-child(2){margin:0px 13px}.button a,.icon a,[id*=yit] a,[href*=inapp]::before{font-family:minecraftia;text-decoration:none;line-height:70px;font-size:24px;text-shadow:3px 3px 0 #000;color:inherit;width:100%;height:100%;display:block}.button:hover,.icon:hover,[id*=yit] a:hover,[href*=inapp]:hover::before{color:yellow;text-decoration:none;background-color:#8089c4;border-color:#9aa5ea;transform:scale(1.0175)}[id*=wayp],[id*=yite],[id*=ymen]{position:fixed;top:calc(50% + 195px);left:calc(50% - 397px);transform:scale(0.6)}[id*=yite]::before{display:block;content:'';background:url(https://xat.com/images/logow2.svg) no-repeat 0px 20px;position:absolute;width:120px;height:300px;top:-122px;left:-93px;transform:scale(0.6);z-index:998}[id*=waym]{right:-100%;transform:none}[id*=yite]{width:614px;font-size:0;transform:translateX(93px) translateY(calc(42px + 18px))}[id*=ymen] > a{display:none}@font-face{font-family:minecraft;src:url('https:\/\/austinh115.github.io/minecraft.ttf')}@font-face{font-family:minecraftia;src:url('https:\/\/austinh115.github.io/minecraftia.ttf')}[id*=yit] a,[href*=inapp]::before{width:283px;height:48px;display:inline-block;margin-right:18px;overflow:hidden;text-align:center;z-index:999}[href*=inapp]{font-size:0;width:210px}[href*=inapp]::before{content:'Inappropriate';position:absolute;margin-left:-24px;margin-top:-3px;line-height:70px}[id*=yit] > a:hover{text-decoration:none}[href*=inapp]:hover::before{color:white;transform:none;text-decoration:underline}[id*=yit] a:nth-child(-1n+7),[id*=yit] br{display:none}#chats,#profiles{display:none}#chats:target,#profiles:target{display:block}#chats:target~#nav,#profiles:target~#nav{display:none;




 <div class="screen"></div>
 [youtube:0:0:cjQQ9JYGgTM:autoplay=12&playlist=U1W_KJ4eV3k&loop=1&showinfo=0&rel=0&modestbranding=1]
 <div class="logo">

 <span class="title">Dead</span>
 <span class="subtitle"><a href="#">The Poorest</a> On Xat!</span>

 </div>

 <div class="menu" id="chats">

 <li class="button"><a href="https://xat.com/pgo">PGO</a></li>
 <li class="button"><a href="https://xat.com/social">SOCIAL</a></li>
 <li class="button"><a href="https://xat.com/game">GAME</a></li>
 <li class="button"><a href="#">Back</a></li>

 </div>

 <div class="menu" id="profiles">

 <li class="button"><a href="/xweirdo">Ivan</a></li>
 <li class="button"><a href="/greg">Greg</a></li>
 <li class="button"><a href="/sucessive">Abigail</a></li>
 <li class="button"><a href="#">Back</a></li>

 </div>

 <div class="menu" id="nav">

 <ul>

 <li class="button"><a href="#chats">Find Me</a></li>
 <li class="button"><a href="#profiles">Friends</a></li>
 <li class="button"><a href="https://discordapp.com/users/222770959927476224">Discord</a></li>

 </ul>

 </div>

 <div class="options">

 <ul>

 <li class="icon"><a href="href"> </a></li>
 <li class="button"><a href="https://xat.com/web_gear/chat/editprofile.php?email=Advertized">Options...</a></li>
 <li class="button"><a href="https://xat.com">Quit Game</a></li>

 </ul>

 </div>