body {background-color:66CC33;background-image:url(https://i.pinimg.com/736x/04/a8/84/04a8844d9d0b6d7f39e1863dcf060456.jpg);background-repeat:repeat;background-position:left;background-attachment:fixed;}
table, tr, td {background:transparent; border:0px;}
table table {border:0px;}

avatar {border-radius: 100px;border: 3px solid #fff}
.blurbs>.blogs>div:not(:first-child):before{content: "";display:block;width:96px;height:64px;background:html(https://i.pinimg.com/originals/4e/b7/bd/4eb7bda23bf456a53fd6ba84c1048ba6.gif);background-repeat: no-repeat;background-position:center;background-size:contain}

.logo{font-size:0;}
.logo::after{content:"Ah yes";text-shadow:4px#000;color:#fff;line-height:10px;font-size:20px;padding:70px;}
div#header {
    background-image: url(https://68.media.tumblr.com/8538e0cb4fe40a56867796823c214308/tumblr_nz9hk0BWpg1ufh7yno1_500.gif);
    background-color: #FF69B4;
    background-position: 0px -200px;
    text-align: right;
    font-family: "Courier New", monospace;
}

div#hSub {
    color: white !important;
    background-color: #000000;
    text-align: center;
    font-family: "Courier New", monospace;
}

.blurbs>.blogs>div:not(:first-child){
    width: 96px;
    text-align: center;
    margin: 0 20px;
    margin-bottom: 20px;
    font-family: "Courier New", monospace;
}

.blogs {
    display: flex;
    flex-flow: row wrap;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 100.6%;
    margin-bottom: -1px;
    margin-left: -2px;
    font-family: "Courier New", monospace;
}


h2#name {
    color: #eacfff;
    font-size: 40px;
    margin-top: 10px;
    text-shadow: 2px 2px 4px #000;
    font-size:0;
}
h2#name::after{
    content:"𝕭𝖆𝖇𝖞𝖈𝖗𝖊𝖒𝖒𝖊";
    text-shadow: 2px 2px 4px #000;
    color: #eacfff;
    line-height: 10px;
    margin-top: 30px;
    font-size: 20px;
    padding: 240px;
}

.extended.box {
    border: 1px solid white;
    background-color: #00000055;
    border-radius: 10px;
}

h4 {
    color: #DFDAE8;
}

.player.box {
    background-color: #00000055;
    background-size: 33%;
    background-position: 150px;
    font-size:0px;
    border: 1px solid #ffffff;
    border-radius: 10px;
    color: white;
}
.player::after {
    content: "";
    display: block;
    position: relative;
    width: calc(40% -20px);
    border-radius: 40px;
    height: 390px;
    max-width: 390px;
    background-position: 0 0;
    background-size: cover;
    background-image: url(https://steamuserimages-a.akamaihd.net/ugc/957462438405962567/5471037FD835BC7E7F3827B7EBC38BEF645053D2/);
}


.shortRight{
    border-color: #dcd5e3;
    border-radius: 10px;
background-color: #00000055;
}

.boxInfo.box {
    border-color: #806594;
    border-radius: 10px;
background-color: #00000055;
}
.boxHead{
    color: #FFF;
    background: #806594;
} 

.url {
    background: url(https://thumbs.gfycat.com/MagnificentHardAmmonite-max-1mb.gif) no-repeat;
    background-size: 300px;
    background-repeat: no-repeat;
    position: fixed;
    right: 0;
    bottom: 0;
    color: #0000 !important;
    height: 200px;
    width: 240px;
    border: none;
    margin-bottom: 0px;
    font-size: 0px;
    box-shadow: none;
    padding: 0 !important;
    z-index: 1000;
}

.topLeft {
    margin-top: 50px;
    margin-bottom: 50px;
    background-repeat: no-repeat
    background-color: #C8A2C8;
    background-size: cover;
    border: 5px solid #806594;
    border-radius: 10px;
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/05ae7fdf-1ed9-4261-ab43-8ae6a2e1d02a/ddfoxwz-29ca0327-088d-4063-bbcc-1714a78c5f89.png/v1/fill/w_622,h_350,strp/purple_space_by_norma2d_ddfoxwz-350t.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3siaGVpZ2h0IjoiPD0zNjAiLCJwYXRoIjoiXC9mXC8wNWFlN2ZkZi0xZWQ5LTQyNjEtYWI0My04YWU2YTJlMWQwMmFcL2RkZm94d3otMjljYTAzMjctMDg4ZC00MDYzLWJiY2MtMTcxNGE3OGM1Zjg5LnBuZyIsIndpZHRoIjoiPD02NDAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.ure7gcwWsrcFQO4PqmTL54aKgStaC9tN_C3J_dS2aAQ);
}

.topRight {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    text-align: center;
    background-color: #00000055;
    border: 2px solid #a682c2;
    border-radius: 10px;
    max-width: 550px;
}

div#footer {
     bottom:0;
     font-size:0;
     left:500px;
     position:fixed;
     pointer-events: none;
 
}
.fwiendCount {
    color: #9a8bd6;
}

.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}

.fwiendFace:hover {
    border-radius: 10px;
    transform: scale(1.2);
    animation: wob .5s linear infinite;
    background: #ffffff00;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #ffffff;

    transition: 0.5s;
}

.tableRight{
    background-image: url(https://media.tenor.com/images/2f8a49daf4f9e4c1beabe99c99b0116c/tenor.gif);
    border: 1px solid #b6a9c2;
    border-radius: 10px;
}

.boxHead{
    color: #FFF;
background: #3e2352
}

.rightHead{
    color: #FFF;
    background: #3e2352;
    
}

a:hover {
  animation: changeColor 1s linear infinite;
}

@keyframes changeColor{
    0%{color:#a682c2;}
    10%{color:#CCA6D9;}
    20%{color:#99B3E6;}
    30%{color:#66BFF2;}
    40%{color:#33CCFF;}
    60%{color:#66BFF2;}
    70%{color:#99B3E6;}
    80%{color:#CCA6D9;}
    90%{color:#FF99CC;}
    100%{color:#FF99CC;}
}
 
.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}
.fwiendFace {
    background-image: url(https://i.pinimg.com/564x/a1/8f/97/a18f9723e2a78b032c873f0c9027f0dd.jpg);
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 0;
    height: 100px;
    margin-bottom: 5px;
    margin-right: 5px;
    max-width: 100vw;
    width: 100px;
}

.fwiendFace img {
    background-position: center;
    border-radius: 50%;
    display: absolute;
    height: 100px;
    object-fit: cover;
    width: 100px;
}

.fwiendFace:hover {
    transform: scale(1.2);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #a682c2;
    border-radius: 10px;
    transition: 0.5s;
}

.tableLeft:hover {
    transform: scale(0.8);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #8866b3;
    transition: 0.5s;
}

.box.blog {
    background: #00000055;
}
#sMsg {
    background-image: url(https://i.pinimg.com/originals/6a/b6/ed/6ab6ed08d21f05c48e6da543e9f98f5d.png);
    background-size:30%;
    color: White;
    font-size:0;
}
#block {
    background-image: url(https://i.pinimg.com/originals/6a/b6/ed/6ab6ed08d21f05c48e6da543e9f98f5d.png);
    background-size:30%;
    color: White;
    font-size:0;
}

#report {
    background-image: url(https://i.pinimg.com/originals/6a/b6/ed/6ab6ed08d21f05c48e6da543e9f98f5d.png);
    background-size:30%;
    color: White;
    font-size:0;
}

#add {
    background-image: url(https://i.pinimg.com/originals/6a/b6/ed/6ab6ed08d21f05c48e6da543e9f98f5d.png);
    background-size:30%;
    color: White;
    color: White;
    font-size:0;
}

#remove {
    background-image: url(https://i.pinimg.com/originals/6a/b6/ed/6ab6ed08d21f05c48e6da543e9f98f5d.png);
    background-size:30%;
    color: White;
    font-size:0;
}
#block::after {
    content: "°Д° 𝙱𝚢𝚎!";
    font-size: 13px;
    color: #ffff;
}
#report::after {
    content: "𝙲𝚘𝚖𝚙𝚕𝚊𝚒𝚗𝚝𝚜";
    font-size: 13px;
    color: #ffff;
}
#sMsg::after {
    content: "𝚆𝚊𝚗𝚗𝚊 𝚝𝚊𝚕𝚔??";
    font-size: 13px;
    color: #ffff;
}
#add::after {
    content: "𝙻𝚎𝚝´𝚜 𝚋𝚎 𝚖𝚞𝚝𝚞𝚊𝚕𝚜!!";
    font-size: 13px;
    color: #ffff;
}




#container:after {
    content: "";
    height: 90px;
    background-image: url(http://pa1.narvii.com/6544/906a0096b48cb489799f9a1967b65124953b3ba8_00.gif);
    background-position: center;
    background-size: contain;
    display: block;
    width: 980px;
}