Ibuki css

body{

     background-attachment:fixed;

     background-image:url(https://media1.giphy.com/headers/g1ft3d/AGLGWIEM1SUF.gif);

     background-position:center;

     background-size:cover;

     color:#fff;

     font-family:Tahoma,Geneva,sans-serif;

     font-weight:500;

}


.extended{

     color:#fff;

     font-size:10px;

     text-shadow:0 0 3px rgba(251, 0, 252);

     text-shadow:#fff 0 0 7px;

}


.extended::after{

     background-image:url(https://thumbs.gfycat.com/HauntingDentalHuemul-max-1mb.gif);

     background-position:center;

     background-size:cover;

     border:2px solid #000;

     border-radius:25px;

     bottom:0;

     box-sizing:border-box;

     color:#fff;

     Content:"b3 n1c3 or p3r1sh";

     display:block;

     font-family:Century Gothic;

     font-size:15px;

     font-weight:700;

     left:0;

     text-align:center;

     text-shadow:#fff 0 0 7px;

     top:0;

     width:100%;

}


.logo{

     font-size:0;

}


.logo::after{

     color:#fff;

     content:"Super High School-Level Music Club Member";

     font-size:15px;

     font-weight:800;

}


div#header{

     background:#000000;

     font-family:Century Gothic;

}


div#hSub{

     background:#000000;

     font-family:Century Gothic;

}


#name{

     animation-duration:2.0s;

     animation-iteration-count:infinite;

     animation-name:flashy;

     font-family:Century Gothic;

     font-size:25px;

     margin:0;

     padding-bottom:15px;

     padding-left:5px;

}


@keyframes flashy{


0%{

    color:#c603fc;

}


30%{

    color:#03fcfc;

}


65%{

    color:#fc037b;

}


100%{

    color:#a959ff;

}

}



#name::after{

     Content:" ";

}


a:link{

     color:purple;

     text-shadow:#000 0 0 5px;

}


a:active{

     color:#fc569c;

}


a:visited{

     color:#5603fc;

}


.box{

     border:transparent;

}


.boxInfo{

     background:#000000;

     border:2px dashed #fff;

     border:2px solid #000;

     margin-bottom:1px;

}


.boxButton{

     color:#fff;

}


.boxHead{

     -webkit-text-stroke-color:#000;

     -webkit-text-stroke-width:1px;

     background:transparent;

     border:2x dashed #fff;

     color:#fff;

}


#sMsg{


     font-size:0;

}


#sMsg::after{

     Content:"Lets talk!";

     font-size:13px;

}


#block{


font-size:0;

}


#block::after{

     Content:"why...?";

font-size:13px;

}


#report{

          font-size:0;

}


#report::after{

     Content:"dont snitch!";

     font-size:13px;

}


#add{



     font-size:13px;

     text-transform:lowercase;

}


div.url.box{

     font-size:0;

     text-align:center;

}


div.url.box::after{

     -webkit-text-stroke-color:#000;

     -webkit-text-stroke-width:1px;

     color:#fff;

     Content:"“I HATE YOU ALL SO MUCH!!!“";

     font-size:20px;

     font-weight:700;

     text-shadow:#000000 0 0 3px;

}


.rightHead{

     -webkit-text-stroke-color:#000;

     -webkit-text-stroke-width:1px;

     background:transparent;

     color:#fff;

     font-size:18px;

     text-shadow:0 0 3px rgba(253, 63, 136);

}


.rightHead::before{



    padding: 5px;

}


.rightHead::after{


    padding: 5px;

}


.topLeft{

     animation-duration:1.5s;

     animation-name:slidein;

     background-image:url(https://i.pinimg.com/originals/80/eb/15/80eb15b74b0e953de799f32cb26a8c61.gif);

     background-position:center;

     background-size:cover;

     border:2px solid #000;

     border-radius:25px;

     box-sizing:border-box;

     color:#fff;

     overflow:auto;

     padding:1px;

     position:relative;

     text-shadow:0 0 4px black;

     top:60px;

}


@keyframes slidein{

     from {

           margin-left:-100%;

}


     to {

           margin-left:0;

     }

}


.avatar{

     border:10px solid;

     border-image:url(https://thumbs.gfycat.com/HauntingDentalHuemul-max-1mb.gif) 30 stretch;

     box-sizing:border-box;

     display:block;

}


#gender{

     position:relative;

     visibility:hidden;

}


#gender::after{

     content:"n3k0!";

     font-size:15px;

     left:0;

     position:absolute;

     top:0;

     visibility:visible;

}


#age{

     position:relative;

     visibility:hidden;

}


#age::after{

     content:"👾";

     font-size:15px;

     left:0;

     position:absolute;

     top:0;

     visibility:visible;

}


#country{

     position:relative;

     visibility:hidden;

}


#country::after{

     Content:"d34d";

     font-size:15px;

     left:0;

     position:absolute;

     top:0;

     visibility:visible;

}


#online{

     margin-top:0;

     padding:1px;

     position:relative;

     visibility:hidden;

}


#online::after{

     content:url("http://www.myspacegens.com/images/online_now/006.gif");

     left:0;

     position:absolute;

     top:0;

     visibility:visible;

}


.topRight{

     animation-duration:1.5s;

     animation-name:slide;

}


@keyframes slide{

     from {

           margin-right:-100%;

}


     to {

           margin-right:0;

}

}


.player{

     background-image:url(https://thumbs.gfycat.com/HauntingDentalHuemul-max-1mb.gif);

     background-position:center;

     background-size:cover;

     border:2px solid #000;

     color:#fff;

     margin:0 auto;

}


h4{

     -webkit-text-stroke-color:#000;

     -webkit-text-stroke-width:1px;

     background-image:url(https://thumbs.gfycat.com/HauntingDentalHuemul-max-1mb.gif);

     background-position:center;

     background-size:cover;

     border:2px solid #000;

     border-bottom:0px;

     border-top-left-radius:25px;

     border-top-right-radius:25px;

     color:#fff;

     font-family:Century Gothic;

     font-weight:700;

     height:20px;

     position:relative;

}


.blurbs{

     margin-block-start:15px;

     text-align:center;

     text-shadow:0 0 3px rgba(255,255,255,0.5);

}


#about{

     background:rgba(0, 0, 0);

     border:2px solid #000;

     border-radius:25px;

     border-top-right-radius:0px;

     border-top-left-radius:0px;

     padding:15px;

}


#who{

     background:rgba(0, 0, 0);

     border:2px solid #000;

     border-radius:25px;

     border-top-right-radius:0px;

     border-top-left-radius:0px;

     padding:15px;

}


.fwiendCount{

     color:#000000;

}


.fwiendCounter{

     -webkit-text-stroke-color:#000;

     -webkit-text-stroke-width:1px;

     color:#fff;

}


#top a{

     color:#fc569c;

     text-decoration:none;

}


.fwiendFace{

     background-image:url(https://thumbs.gfycat.com/HauntingDentalHuemul-max-1mb.gif);

     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{

     animation:shake 1s;

     animation-iteration-count:infinite;

}


@keyframes shake{

0% {

transform:translate(1px,1px) rotate(0deg);

}


10% {

transform:translate(-1px,-2px) rotate(-1deg);

}


20% {

transform:translate(-3px,0px) rotate(1deg);

}


30% {

transform:translate(3px,2px) rotate(0deg);

}


40% {

transform:translate(1px,-1px) rotate(1deg);

}


50% {

transform:translate(-1px,2px) rotate(-1deg);

}


60% {

transform:translate(-3px,1px) rotate(0deg);

}


70% {

transform:translate(3px,1px) rotate(-1deg);

}


80% {

transform:translate(-1px,-1px) rotate(1deg);

}


90% {

transform:translate(1px,2px) rotate(0deg);

}


100% {

transform:translate(1px,1px) rotate(0deg);

}

}


#viewFriends{

     background:rgba(253, 255, 252);

     border:2px solid #000;

     border-radius:25px;

     color:#000;

     padding:5px;

}


.tableLeft{

     background:#000000;

     background-position:center;

     background-size:cover;

     border:2px dashed #fff;

}


.tableRight{

     background:#000;

     border:2px dashed #fff;

     color:#fff;

     text-shadow:#fff 0 0 7px;

}


.blog{

     background:rgba(0, 0, 0);

     border:2px solid #000;

     text-shadow:#fff 0 0 7px;

}


.blogs{

     text-shadow:#fff 0 0 7px;

}


.blogCard{

     position:relative;

     top:10px;

}


.blogTitle{

     font-size:0;

}


div#footer{

     bottom:0;

     font-size:0;

     left:700px;

     position:fixed;

     pointer-events: none;

}


div#footer::after{

     animation-duration:1.5s;

     animation-name:slideup;

     content:url("https://vignette.wikia.nocookie.net/danganronpa/images/8/86/Ibuki_Mioda_Fullbody_Sprite_%2817%29.png/revision/latest/top-crop/width/300/height/300?cb=20170819105552");

}


@keyframes slideup{

     from {

           margin-right:-100%;

}


     to {

           margin-right:0;

     }

}


@media screen and (max-device-width: 768px){

     div#footer {

     visibility:hidden;

     }

}


@media only screen and (max-width : 768px){

* {

     -moz-animation:none!important;

     -ms-animation:none!important;

     -o-animation:none!important;

     -webkit-animation:none!important;

     animation:none!important;

     }

}


* {

cursor:url(https://cur.cursors-4u.net/food/foo-4/foo349.cur),auto!important;

}