[HTML/CSS] rigon xat.me

}body{background-color:#232323}body{overflow:hidden}[name=b],[name=d],[name=f],[name=u]:after,[name=u]:before,[name=i],[name=c]{position:absolute}[name=b],[name=d]{width:100%}[name=b],[name=d],[name=f],[name=c]{height:100%}[name=b]{#background:url(http://i.imgur.com/h8or2a8.png) bottom center no-repeat}[name=b]{z-index:-3}[name=b]{-webkit-animation:a 50s steps(10000) infinite}[name=b]{animation:a 50s steps(10000) infinite}[name=d]{background:#212121}[name=d]{-webkit-filter:opacity(0.4)}[name=d]{filter:opacity(0.4)}[name=f]{background:rgba(0,0,0,0.3)}[name=f]{width:260px}[name=f]{bottom:0px}[name=f]{text-align:center}[name=f]{z-index:500}[name=f]{color:firebrick}[name=f]{background-size:200px 100px}[name=f]{background-repeat:repeat-x}[name=u]:after,[name=u]:before{content:''}[name=u]:after,[name=u]:before{border-right:130px solid transparent}[name=u]:after,[name=u]:before{border-left:130px solid transparent}[name=u]:after{border-top:35px solid firebrick}[name=u]:after{bottom:-35px}[name=u]:after,[name=u]:before,[name=i]{left:0}[name=u]:before{border-top:45px solid darkred}[name=u]:before{bottom:-45px}[name=u]:before{z-index-1}[name=i]{margin:auto}[name=i]{top:20px}[name=i],[name=c]{right:0}[name=i]{width:120px}[name=i]{height:120px}[name=i]{border-radius:50%}[name=i]{border:5px solid black}[name=c]{width:calc(100% - 260px)}*{margin:0}*{padding:0}[name=u]{width:260px}[name=u]{position:relative}[name=u]{margin-bottom:45px}[name=u]{height:200px}[name=u]{background:firebrick}[name=f]li{padding:20px}[name=f] li{display:inline}[name=f] li{line-height:60px}[name=f] a{color:firebrick}[name=f] a{text-decoration:none}embed{z-index:2}[name=c],[name=pusher-x],[name=aa-m],[name=aa-m] p,[name=l],[name=p]{position:absolute}[name=c]{top:100%}[name=c],[name=l-l]{width:100%}[name=c],[name=c]:focus,[name=c]:focus{height:100%}[name=c],[name=pp]{transition:all 0.3s}[name=c]{cursor:default}[name=c],[name=pusher-x]{z-index:2}[name=c]{background:#1f1f21}[name=pusher]{margin:auto}[name=pusher],[name=pusher-x],[name=aa-m],[name=aa-m] h1:after,[name=l],[name=p]{right:0}[name=pusher],[name=aa-m],[name=aa-m] h1:after,[name=l],[name=p]{left:0}[name=pusher],[name=aa-m] h1:after{position:absolute}[name=pusher]{top:-40px}[name=pusher]{width:31px}[name=pusher]{height:18px}[name=pusher],[name=pusher-x]{cursor:pointer}[name=pusher]{background:url('http://i66.tinypic.com/2eov6sk.png') center no-repeat}[name=pusher]{z-index:99}[name=pusher]:hover,[name=pusher-x]:hover{opacity:0.5}[name=c]:focus,[name=c]:focus{top:0}[name=pusher-x]{width:18px}[name=pusher-x]{height:19px}[name=pusher-x]{margin-top:20px}[name=pusher-x],[name=aa-m],[name=p]{top:0}[name=pusher-x]{background:url('http://i65.tinypic.com/spezxf.png') center no-repeat}[name=pusher-x]{margin-right:20px}[name=aa-m],[name=p]{bottom:0}[name=aa-m],[name=aa-m] h1:after,[name=l],[name=p]{margin:auto}[name=aa-m]{width:500px}[name=aa-m]{height:200px}[name=aa-m] h1{text-align:center}[name=aa-m] h1{font-family:'Arial'}[name=aa-m] h1{font-weight:bold}[name=aa-m] h1{color:firebrick}[name=aa-m] h1{font-size:81px}[name=aa-m] p{top:5px}[name=aa-m] p{z-index:1}[name=aa-m] h1:after{content:''}[name=aa-m] h1:after{width:100px}[name=aa-m] h1:after{height:4px}[name=aa-m] h1:after{background:firebrick}[name=aa-m] h1:after{top:100px}[name=l]{top:120px}[name=l]{width:300px}[name=l]{height:65px}[name=l] p{margin-top:-1px}[name=l] p{line-height:16px}[name=l] p{text-shadow:4px 2px 4px black}[name=l-l],[name=pp]{position:relative}[name=l-l]{margin-top:15px}[name=l-l]{height:1px}[name=l-l]{background:#5c5c5c}[name=p]{width:700px}[name=p]{height:500px}[name=p]{z-index:-4}[name=pp]{width:150px}[name=pp]{height:150px}[name=pp]{margin:7px}[name=pp]:hover{z-index:1}[name=pp]:hover{-webkit-transform:scale(2)}[name=pp]:hover{transform:scale(2)}@keyframes a {50%{background-position:0}50%{background-position:100%};






    <div name="b" style="background:url(http://i.imgur.com/h8or2a8.png);background-position-x:50%;background-position-y:100%;background-repeat:no-repeat;">
        <div name="d"></div>
    </div>

    <div name="f">
        <div name="u">
            <div name="i" style="background:url(http://i.imgur.com/xn1iUGd.png)center;background-repeat:no-repeat;background-color:white;background-size:cover;"></div>
        </div>
        <br />FEXBots Chief Assistant<br /><a href="http://rigon.imgur.com">Graphics Designer</a><br />
        <li><a href="http://FEXBots.com">FEXBots</a></li> |
        <li><a href="http://xat.me/FEXBot">❤</a></li> |
        <li><a href="http://xat.com/FEXBots">FEX Chat</a></li><br />
        <embed src="http://www.youtube.com/embed/NY2bO9czFh0?playlist=c_FoCdawSRM&start=&end=&autohide=1&autoplay=1&controls=0&disablekb=1&iv_load_policy=3&loop=1&modestbranding=1&rel=0&showinfo=0&vq=hd720" width="240" height="160" />
    </div>

     <div name="aa-m">
        <h1>ABOUT ME</h1>
        <div name="l">
            <p style="font-family:'Arial',sans-serif;color:white;font-size:11px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit ligula at leo volutpat ultrices. Duis quis lobortis felis. Sed sit amet eleifend magna. Sed vulputate malesuada odio, a ultrices arcu vulputate at. Ut eget ultricies magna, a convallis.</p>
            <div name="l-l"></div>
            <div name="l-l"></div>
            <div name="l-l"></div>
            <div name="l-l"></div>
        </div>
    </div>

    <a href="#" name="c">
        <div name="p">
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
            <img name="pp" src="src" />
        </div>
        <div name="pusher"></div>

        <a href="#" name="pusher-x"></a>
    </a>