css 8/8/18

body {background:url('http://u.cubeupload.com/iChocolateMilk/xatspace6.png')center/cover fixed, #000; overflow hidden;}/** CSS by Austin (638877683) **/body{color:#999;font-family:karla;line-height:1.6em;font-size:12px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background-color:#252525;border:3.5px solid #eee}::-webkit-scrollbar-track{background-color:#eee}::selection{background:#f8f8f9;color:#777}::-moz-selection{background:#f8f8f9;color:#777}a{color:#444;text-decoration:none;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out}a:hover{text-decoration:none;color:#111}#contents img{opacity:1;text-decoration:none;display:block}#contents img{-webkit-filter:grayscale(100%); filter:grayscale(100%)}#manwalksintobar{position:fixed;margin:0 auto;top:0;margin-top:0px;left:0;right:0;width:440px;background-color:#252525;padding:10px 20px;font-family:tinytots;text-transform:uppercase;line-height:1em;letter-spacing:0.5px;font-size:9px;color:#fff;text-align:center}#manwalksintobar a{padding-bottom:1px;border-bottom:0.5px solid #666;color:#fff}#manwalksintobar a:hover{border-bottom:0.5px solid #aaa}#contents{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}#backing{width:calc(400px + ((20px + 20px) * 2));height:calc(164px + ((20px + 20px) * 2));background-color:rgba(255,255,255,0.25);box-shadow:0px 0px 45px 0px rgba(0,0,0,0.06)}.corner1a,.corner1b,.corner2a,.corner2b,.corner3a,.corner3b,.corner4a,.corner4b{position:absolute;background-color:#666}.corner1a,.corner2a,.corner3a,.corner4a{width:20px;height:1px}.corner1b,.corner2b,.corner3b,.corner4b{width:1px;height:20px}.corner2a,.corner3a{left:100%;margin-left:-20px}.corner2b,.corner3b{left:100%;margin-left:-1px}.corner3a,.corner4a{top:243px}.corner3b,.corner4b{top:224px}#hhhead{position:absolute;margin-top:20px;margin-left:20px;width:400px;padding:20px;background-color:rgb(255,255,255,0)}.visage{width:80px;height:80px;border-radius:100%;padding:8px}.thermos{float:right;margin-top:-57px;width:calc(100% - 5px);height:13px;border-radius:20px}.tequila{position:absolute;margin-top:-55.5px;margin-left:95px;width:8px;height:12.5px}.visage,.thermos,.tequila{background-color:#252525}.visage,.thermos{border:1px solid #252525}.dot{position:absolute;margin-top:-62px;margin-left:120px;width:10px;height:10px;background-color:#fff;border-radius:100%;border:8px solid #252525}.line1{position:absolute;margin-top:-82px;margin-left:132px;width:2px;height:20px;background-color:#252525}.line2{position:absolute;margin-top:-82px;margin-left:132px;width:30px;height:2px;background-color:#252525}.label{position:absolute;margin-top:-92px;margin-left:160px;padding:1px 8px;background-color:#252525;font-family:tinytots;text-transform:uppercase;letter-spacing:0.3px;font-size:8px;color:#fff}.ladder{margin-top:5px;width:98px}.ladder a{display:block;margin-bottom:5px;width:calc(80px - 2px);padding:4px 8px;background-color:#252525;font-family:tinytots;text-transform:uppercase;font-size:7px;letter-spacing:1px;text-align:center;border:1px solid transparent;line-height:1em;color:#fff}.ladder a:hover{background-color:#fff;color:#252525;border:1px solid #252525}.ladder a:last-child{margin-bottom:0px}.desc{float:right;margin-top:-90px;width:calc(100% - 98px - 10px - 10px - 10px);height:70px;max-height:70px;overflow:auto;background-color:#252525;padding:10px;font-family:Quicksand;font-size:10px;letter-spacing:0.3px;line-height:1.5em;color:#fff}.desc a{color:#fff;padding-bottom:1px;border-bottom:0.5px solid #999}.desc .righteo{text-align:right}.desc p:last-child{margin-bottom:0px}#barmakesajoke{position:fixed;margin:0 auto;bottom:0;margin-bottom:0px;left:0;right:0;width:440px;background-color:#252525;padding:5px 20px;font-family:tinytots;text-transform:uppercase;line-height:1em;letter-spacing:0.7px;font-size:8px;color:#fff;text-align:center}#barmakesajoke a{display:inline-block;margin:5px;padding:4px 6px;border:0.5px solid #666;color:#fff}#barmakesajoke a:hover{border:0.5px solid #aaa}@font-face{font-family:tinytots;src:url('https:\/\/austinh115.github.io/tinytots.ttf')}
div#noowayfixed {
	z-index: 2147483647;
    position: fixed;
    bottom: 0;
    left: 0;
}


</style>
<div id="xatstyme">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Karla">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Quicksand">
<div id="manwalksintobar">This b0dy was born out of death, all it can do is die.</div>
<div id="barmakesajoke">
 <a href="https://xat.me/Phinesse">Phinesse</a>
 <a href="https://xat.me/Snooze">Snooze</a>
 <a href="https://xat.me/Blackbear">Blackbear</a>
 <a href="https://discord.gg/pNdm7Jp">Discord</a>
 <a href="https://xat.com/web_gear/chat/editprofile.php">Edit</a>
</div>
<div id="contents">
 <div id="backing">
 <div class="corner1a"></div>
 <div class="corner1b"></div>
 <div class="corner2a"></div>
 <div class="corner2b"></div>
 <div class="corner3a"></div>
 <div class="corner3b"></div>
 <div class="corner4a"></div>
 <div class="corner4b"></div>
 <div id="hhhead">
 <img class="visage" src="http://u.cubeupload.com/iChocolateMilk/giphy2.gif" />
 <div class="tequila"></div>
 <div class="thermos"></div>
 <div class="dot"></div>
 <div class="line1"></div>
 <div class="line2"></div>

 <div class="label">/<em></em>/Phin</div>

 <div class="ladder">
 <a href="https://xat.com/XAT5">XAT5</a>
 <a href="https://xat.com/Social">Social</a>
 <a href="https://forum.xat.com/profile/41020/">Forum</a>
 </div>

 <div class="desc">
 Everything's got to end sometime, otherwise nothing would ever get started.
 <div class="righteo">
 <p><iframe width="000" height="000" src="//www.youtube.com/embed/0G92tmJE9tY?autoplay=1&loop=1&playlist=0G92tmJE9tY&controls=0" frameborder="0">Your browser does not support iframes!</iframe></p>
<img src="http://u.cubeupload.com/iChocolateMilk/umbreon2.gif/" />
 </div>
 </div>

 </div>

 </div>
</div></div>