clountown's css

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol64.ani), url(https://cur.cursors-4u.net/holidays/hol-1/hol64.png), auto !important;} /* End https://www.cursors-4u.com */


body{
background-image: url("https://media.giphy.com/media/Dv2czwhLenUiY/giphy.gif");
font-family: chiller;
font-size: 30px;
font-weight: bold;
color: red;
text-shadow:0 0 3px rgb(230,0,0);
text-shadow:#fff 0 0 7px;
shadow-color: black;

}

.extended::after{

background-color: black;
background-image:url(https://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.gif);
      background-position:center;
      background-size:cover;
      border:2px solid #000;
      border-radius:25px;
      bottom:0;
      box-sizing:border-box;
      color:#fff;
      content:"vampires will never hurt you";
      display:block;
      font-family:letter,chiller;
      font-size:20px;
      font-weight:700;
      left:0;
      text-align:center;
      text-shadow:#fff 0 0 7px;
      top:0;
      width:100%;
}
div#header{

text-align: center;
background-image: url("https://media.giphy.com/media/W5e9CjGnmOQtW/giphy.gif");

}

.logo::after{

font-size: 25px;
font-family: chiller;
font-weight: bold;
color: red;
content: "G O R E  <3  W A R N I N G";
text-align: center;

}

.logo{

font-size: 0px;

}

 div#hSub{

background-color: black;
background-image: url("https://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.gif");
font-size: 15px
font-family: chiller;
text-color: white;
text-align: center;

}

#name{
      animation-duration:2.0s;
      animation-iteration-count:infinite;
      animation-name:flashy;
      font-family:chiller;
      font-size:25px;
      margin:0;
      padding-bottom:15px;
      padding-left:5px;
}

p{

text-align: center;

}



tbody{

background-image: url("https://media.giphy.com/media/azHP2GDkukZu6RuY2m/giphy.gif");
color: red;
font-family: letter, chiller;
text-size: 50px;

}


@keyframes flashy{

0%{
     color:#ffffff;
}

30%{
     color:#ff0000;
}

65%{
     color:#ffffff;
}

100%{
     color:#ff0000;
}
}


a:link{
      color:#ff0000;
      text-shadow:#000 0 0 5px;
}

a:active{
      color:#ff0000;
}

a:visited{
      color:#ff0000;
}

.box{
      border:transparent;
}

.boxInfo{
      background:#000000;
      border:2px solid #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;
}



a{

color: white;
font-family: chiller;
font-size: 25px;

}



#sMsg{

background-image:url("https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggatnijr1qz4rgp.gif");
font-size: 0;

}

#sMsg::after{
      content:"chat";
      font-size:20px;
}


#block{
      background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mv338azaxs1roozkr.gif);
font-size:0;
}

#block::after{
      content:"cockblock";
font-size:20px;
}




#report{
      background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mqe28v2gnw1qz4rgp.gif);
      font-size:0;
}

#report::after{
      content:"snitch on me";
      font-size:20px;
}


#add{
      background-image:url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mv338deuzh1roozkr.gif?w=150&h=150);
      font-size:20px;
      text-transform:lowercase;
}

.url{

visibility: hidden;

}


div.url.box{

font-size:0;
position:relative;
background-image: url("https://i.pinimg.com/originals/0d/e7/ca/0de7ca6d06375821ed99b7abcc54d4f4.png")

}

div.url.box::before{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      color:red;
      content:"would you carry me to the end?";
      font-size:25px;
      font-weight:700;
      text-shadow:#ffffff 0 3px;
visibility: visible;
text-align: center;

}

.rightHead{
      -webkit-text-stroke-color:#000;
      -webkit-text-stroke-width:1px;
      background:transparent;
      color:red;
      font-size:25px;
      text-shadow:0 0 3px rgba(77,7,110,0.5);
}

.rightHead::before{

content: url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggeyrw4c1qz4rgp.gif?w=150&h=150);
     padding: 5px;
}

.rightHead::after{
content: url(https://cutekawaiiresources.files.wordpress.com/2015/01/tumblr_inline_mrggeyrw4c1qz4rgp.gif?w=150&h=150);
content-align: center;
padding: 5px;
}

.topLeft{
      animation-duration:1.5s;
      animation-name:slidein;
      background-image:url(https://media.giphy.com/media/xTiTnA5utEwJBjnV8k/giphy.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://media.giphy.com/media/d1E3hTnrvOEVN47S/giphy.gif) 30 stretch;
      box-sizing:border-box;
      display:block;

}

.boxHead{

background-color: black;
font-family: chiller;
color: darkred;
font-size: 25px;

}

::-webkit-scrollbar {
width: 13px;
height: 13px;
}

::-webkit-scrollbar-track {
background: #a30e00;
box-shadow: inset 0 0 10px #000000;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #a30e00;
box-shadow: inset 0 0 6px #000;
}


#age{

position: relative;
visibility: hidden;

}

#age::after{

content: "1600";
font-size: 25px;
left: 0;
position: absolute;
top: 0;
visibility: visible;

}


#country{

position: relative;
visibility: hidden;

}

#country::after{

content: "pet sematary";
font-size: 20px;
left: 0;
position: absolute;
top: 0;
visibility: visible;

}

#online{

position: relative;
visibility: hidden;

}

#online::after{

content: url(https://www.myspacegens.com/images/online_now/21.gif);
left: 0;
position: relative;
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://upload.wikimedia.org/wikipedia/commons/5/50/Black_colour.jpg);
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://64.media.tumblr.com/d663a1ca597785ab8e9493f44954915e/fac3551480c0e21c-7d/s540x810/eb01096bf9f9cc7dc9cdfc75746c31355fcaac38.gif);
background-color: black;
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: chiller;
font-weight: 700;
height: 20px;
position: relative;

}

.blurbs{

margin-block-start: 15px;
text-align: center;
text-shadow: 0 0 3px rgb(255,255,255,0.5);

}

#about{

background-color: black;
border: 2px solid #a10d00;
border-radius: 25px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
padding: 15px;

}


#who{

background-color: black;
border: 2px solid #a10d00;
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: #cc0000;
text-decoration: none;

}


.fwiendFace{

background-color: darkred;
border: 2px solid #000;
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);
}
}


.tableLeft{

background: #000;
background-position: center;
background-size: cover;
border: 2px solid #cc0000;

}


.tableRight{

background: #000;
border: 2px solid #cc0000;
color: #fff;
text-shadow: #cc0000 0 0 7px;

}

.blog{

background: #000;
border: 2px solid #cc0000;
text-shadow: #cc0000 0 0 7px;

}

.blogs{

text-color: #fff;
text-shadow: #000 0 0 7px;

}


.blogCard{

position: relative;
top: 10px;

}

.blogTitle{

font-size: 0;

}


div.url.box::after{

font-size: 0px;
background-image: url("https://i.pinimg.com/originals/0d/e7/ca/0de7ca6d06375821ed99b7abcc54d4f4.png");
background-size: 300px;
background-repeat: no-repeat;
position: relative;
left: 0;
bottom: 0;
background-color: transparent;
height: 375px;
width: 360px;
border: none;
box-shadow: none;
padding: 0;
z-index: 1000;
animation: keyboard-focusable;
visibility: visible;

}