Css xatSpace

Css : background-color: #030303; background-attachment: fixed; background-size:100%; margin: 0; word-wrap: break-word; cursor:url(), auto;}* {cursor:url(), auto;}a {text-decoration:none;}#sidebar {position: fixed; z-index: 10000; top: 50px; width: 180px; height: auto; padding: 20px 10px 20px 10px; background-color: #0D0D0D; border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; right: 570px;}.title {font-family: anaheim; font-size: 18px; text-align: center; color: #404040; padding: 0 10px 10px 10px;}.sbpic {width:160px; height: 160px; padding: 10px; border-radius: 100px;}.sbpicp1 {padding: 10px; width:160px; height: 160px; border-radius: 150px 0 150px 0; position: absolute;}.sbpicp2 {padding: 10px; width:160px; height: 160px; border-radius: 0 150px 0 150px;}.desc {font-family: calibri; font-size: 9px; color: #242424; padding: 0 10px 10px 10px; text-align: justify;}.desc b,strong {color:#404040; font-weight:400;}.desc i,em {color:#9DADB0;}.desc a {color:#242424; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}.desc a:hover {color:#b2b2b2;}#navigate {position: fixed; margin-left: -70px; margin-top: 20px;}#navigate a {background-color: #0D0D0D; color: #242424; display: block; width: 48px; height: 15px; padding: 6px; font-family: consolas; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; line-height: 16px; text-align: center; margin-bottom: 10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#navigate a:hover {margin-left: -12px; width: 60px; text-align: 2px; letter-spacing: 3px; background-color: #000000; color: #e2e2e2;}#custom {position: fixed; width: 180px; margin-top: 15px; margin-left: 54px;}.cl {width: 5px; margin: 5px; border-radius: 0 0 30px 30px; float: left;}#yi {height: 100px; background-color: #191919; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#yi:hover {height: 120px;background-color:#6E6E6E;}#er {height: 70px;background-color: #8F8F8F; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#er:hover {height: 90px; background-color:#404040;}#san {height: 80px; background-color: #636363; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#san:hover {height: 100px;background-color:#121212;}#si {height: 130px;background-color: #3B3B3B; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#si:hover {height: 150px;background-color:#cfcfcf;}#wu {height: 90px;background-color: #191919; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#wu:hover {height: 110px;background-color:#cfcfcf;}#liu {height: 120px; background-color: #424242; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}#liu:hover {height: 140px;background-color:#cfcfcf;}}   div#nowayfixed {} div#nowayfixed {  z-index: 2147483647;     position: fixed;     bottom: 0;     left: 0; } div#nowaymenu {  background-color:#009;  background: linear-gradient(#000014, #000024, #00004e);     border-radius: 0px 5px 0px 0px;  display: none;  FONT-SIZE: 12pt;  FONT-FAMILY: Arial, Helvetica, sans-serif; } div#nowayitems {  padding-top: 5px;     padding-right: 0px;     /*padding-bottom: 5px;*/     padding-left: 0px;     margin-left: 6px;     line-height: 130%;  color:#fff; } div#nowayitems > a {  color:#fff;     text-decoration: none; } div#nowayitems > a:hover {     text-decoration: underline;} div#nowayfixed {     z-index: 2147483647;     position: fixed;     bottom: 0;     left: 0; } div#nowaymenu {     background-color:#009;     background: linear-gradient(#000014, #000024, #00004e);     border-radius: 0px 5px 0px 0px;     display: none;     FONT-SIZE: 12pt;     FONT-FAMILY: Arial, Helvetica, sans-serif; } div#nowayitems {     padding-top: 5px;     padding-right: 0px;     /*padding-bottom: 5px;*/     padding-left: 0px;     margin-left: 6px;     line-height: 130%;     color:#fff; } div#nowayitems > a {     color:#fff;     text-decoration: none; } div#nowayitems > a:hover {     text-decoration: underline;

____________________________________________________________________________________________________________________________________

html :
<div id="NotAllowedme">

 <div id="NotAllowedme">
 <div id="sidebar">
 <div id="music">
 <div class="musicgif"> </div>
 <div class="player">

 </div></div>
 <div class="title">Manu</div>
 <div id="navigate"> <a href="https://xat.me/Lili">Lili</a><a href="https://xat.me/Duul">Duul</a> <a href="https://xat.me/Maverick">Maverick</a> <a href="https://xat.me/Page">Page</a><a href="https://xat.me/Cupim">Cupim</a> </div> <img style="padding:10px;" src="https://i.cubeupload.com/9U3nEB.jpg" width="160" height="160" />
 <div class="desc" style="text-align:center;">
 <p><br />
 "Quien no está preso de la necesidad, está preso del miedo<br />
 Unos no duermen por la ansiedad de tener las cosas que no tienen,
y otros no duermen por el pánico de perder las cosas que tienen.“👌"<span style="font-weight:bold;"></span> <a></a></p>
 <p> </p>
 <div style="text-align:right;NotAllowed-22px;"><br />
 <a> — Manu</a></div></div>
 <div id="custom"> <a href="/">
 <div id="yi" class="cl"> </div></a> <a href="/">
 <div id="er" class="cl"> </div></a> <a href="/">
 <div id="san" class="cl"> </div></a> <a href="/">
 <div id="si" class="cl"> </div></a> <a href="/">
 <div id="wu" class="cl"> </div></a> <a href="/">
 <div id="liu" class="cl"> </div></a> </div>
[youtube:0:0:89qh5h_buQE:autoplay=1&loop=1]