pokemon themed layout

<style>

p.online {font-size: 0px;}

p.online::after{content: " I'M ONLINE";

color: lime;

font-size: 10px;}

font-size: 10px;}

    </style>

<style>

    body {

        background:url(https://img1.picmix.com/output/pic/normal/4/7/5/9/12999574_a02d3.gif);

    }

    .profile {

background:url(https://img1.picmix.com/output/pic/normal/1/0/7/9/12999701_6edbe.gif);

color:white;

text-shadow: 0 0 6px light-blue;

    }

.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:5px; 

 box-shadow:0 0 12px light-blue;

 border-color:light-blue; 

background:black;

}

/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: "💫"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: "🌟"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: "🌟"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: "💫"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: "💫"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: "🌟"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: "🌟"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "💫"

}

footer {

border-radius: 15px;

background-image: 

url(https://img1.picmix.com/output/pic/normal/6/4/7/9/12999746_98b4b.gif);

color:white; 

}

    #music {

        position: fixed;

        bottom: 10px;

        left: 10px;

        width: 0px;

        transition: 0.5s width;

    }

    #music:hover {

        width: 0px;

}

nav .top {

        background: url(https://img1.picmix.com/output/pic/normal/6/4/7/9/12999746_98b4b.gif);

    }

    nav { background: black url(""); }

:root {

--logo-blue: White;

--darker-blue:white;

--lighter-blue:purple;

--even-lighter-blue:black;

--lightest-blue:black;

--dark-orange:white;

--light-orange:purple;

--even-lighter-orange:black;

--green:black;

}

}

div.ah.df.dg.dh {

    border-radius: 0 0 10px 10px;

}

div.b4.ah.dx.dy.dz.e0 {

    border-radius: 10px 0 0 0;

}

</style>

<div class="background"></div>

ㅤ

<div class="about"> 

ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

</div>

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "MA FRENS!!!!"; font-size:.8rem; font-weight:bold; 

color:black; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "LEAVE A COMMENT!!"; font-size:.8rem; font-weight:bold;

color:black; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "MY INTERESTS N STUFF :P";font-size:.8rem; font-weight:bold; 

color:black; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "CONTACT ME!!! IF YOU DARE >:3"; font-size:.8rem; font-weight:bold; 

color:black; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "ABOUT ME!!"; font-size:.8rem; font-weight:bold; color:black; }</style>