sailor moon/mars xatspace

background:var(--accent-color)}/** CSS by Austin (638877683) **/:root{--main-color:#fee9cb;--accent-color:#b203d0}body{background-attachment:fixed;margin:0px;word-wrap:break-word}*{transition:all 1s ease}.desc,.sbpic{transition:all 0.8s ease-in-out}em.material-icons{left:50%;top:50%;transform:translate(-50%,-50%);position:relative;font-size:20px}::selection{background:var(--main-color);color:rgb(255,255,255)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track-piece{background-color:var(--accent-color)}::-webkit-scrollbar-thumb:vertical{width:10px;border-radius:100px;background-color:var(--main-color)}a{text-decoration:none}#land,#sky{width:100%;position:relative;height:50px;background-color:var(--main-color);font-family:economica;text-transform:uppercase;color:var(--accent-color);line-height:50px;font-size:30px;text-align:center}#sidebar,.sbpic{width:200px;height:200px}#sidebar{position:absolute;padding:10px;top:490px;left:50%;margin-left:-110px;display:block}#sidebar:hover .sbpic{transform:rotate(5deg);opacity:0}.desc{position:relative;width:180px;height:131px;padding:5px;overflow:auto;text-align:center;font-family:calibri;font-size:10px;margin:0px 5px 22px 5px;opacity:0;color:var(--accent-color);background:var(--main-color)}#sidebar:hover .desc{opacity:1}.basicnavpixel:hover,.desc a{transition:all 0.4s ease-in-out}.desc a{color:rgb(175,90,119)}.desc a:hover{color:rgb(122,103,129)}.desc b,strong{color:rgb(135,0,255)}.desc i,.desc em{color:rgb(164,107,214)}#basicnav{margin-left:40px;position:absolute}.basicnavpixel{width:25px;height:25px;display:block;color:var(--accent-color)}.basicnavpixel:hover{color:var(--main-color)}#top{top:0px;left:0px;width:100%;height:160px;background-image:url(https://s20.postimg.org/pmsx3v765/j_Tr_Ltpo.jpg)}.cloud,.rain,.storm,.sun{width:3px;transition:all 0.4s ease-in-out;background-color:var(--main-color);margin-left:15px}.jiro,.roll,.garyuu,.uri{border-radius:100px;padding:3px;background-color:var(--main-color);border:1px solid var(--main-color)}#ni,#san{position:absolute;margin-top:-40px}#ichi,#yon{position:absolute;margin-top:-75px;margin-left:-15px}.storm{height:30px}#ni{margin-left:20px}.rain{height:35px}#san{margin-left:65px}.cloud{height:35px}#yon{margin-left:100px}.sun{height:30px}#ichi:hover .storm,#ni:hover .rain,#san:hover .cloud,#yon:hover .sun{padding-top:10px}.garyuu:hover,.jiro:hover,.roll:hover,.uri:hover{background-color:var(--accent-color);transition:all 0.4s ease-in-out}#land{margin:0px;bottom:0px;height:54px;position:fixed}.sailor-moon{margin:0 auto;display:block;height:500px;background:url(https://s20.postimg.org/nft9tor9p/sailor_mars.png) center/contain no-repeat}[src*=logo]{display:block;padding-top:4px}#xatstyme ~ div div{background:var(--main-color)}[id*=ymen] > a{float:left}[id*=yit]{left:-6px;margin-right:-6px;position:relative;display:block;float:right;line-height-step:45px;text-align:right;width:calc(100vw - 170px)}[id*=yit] a{float:left;padding:0px 10px;margin-top:6px;height:30px;line-height-step:32px;margin-right:20px;position:relative;overflow:hidden;display:inline-block;background:var(--accent-color);border:1px solid var(--main-color)}[id*=yit] a:nth-child(-1n+7),[id*=yit] br{display:none}#xatstyme{display:block;min-height:100%;width:100%;position:absolute}*{;

 [font:Economica]
 [icons:material]
 <div id="top"></div>
 <div id="sky">Wake up. Go to school. Save the world.</div>
 <div id="sidebar">
 <div class="desc">
 <p>austin aka oj | 18 | gemini | intp</p>
 <p>[ <a href="https://FEXBots.com">fexbots</a> chief assistant ]</p>
 <p>"Humankind cannot gain anything without first giving something in return. To obtain, something of equal value must be lost. That is alchemy's first law of equivalent exchange."</p>
 </div>
 <div id="basicnav">
 <div id="ichi">
 <a href="https://xat.com/FEXBots">
 <div class="storm"></div>
 <div class="uri">
 <div class="basicnavpixel"><em class="material-icons">home</em></div>
 </div>
 </a>
 </div>
 <div id="ni">
 <a href="https://xat.com/PGO">
 <div class="rain"></div>
 <div class="jiro">
 <div class="basicnavpixel"><em class="material-icons">pets</em></div>
 </div>
 </a>
 </div>
 <div id="san">
 <a href="https://forum.xat.com/profile/37256-oj/">
 <div class="cloud"></div>
 <div class="roll">
 <div class="basicnavpixel"><em class="material-icons">message</em></div>
 </div>
 </a>
 </div>
 <div id="yon">
 <a href="https://xat.com/web_gear/chat/editprofile.php">
 <div class="sun"></div>
 <div class="garyuu">
 <div class="basicnavpixel"><em class="material-icons">mode_edit</em></div>
 </div>
 </a>
 </div>
 </div>
 </div>
 <div class="sailor-moon">
 <div id="land"></div>
 [youtube:000:000:5txHGxJRwtQ:autoplay=1&loop=1&version=3&playlist=5txHGxJRwtQ&iv_load_policy=3&controls=0&showinfo=1&start=9]