div#hSub{
margin-left: 10%;
margin-right: 20%;
}
.box.blurbs p{
  color: lime;
}

#userWall {
    overflow-y: scroll;
    height: 450px;
    text-align: center;
}
.box.blurbs{
  animation:float 10s;
  animation-iteration-count: infinite;
  border: 2px solid black;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}

div#hSub {
    background-image: url("https://gifimage.net/wp-content/uploads/2017/10/colors-gif-10.gif");
    color: white;
    text-align: center;
}

#avatar.avatar:hover{
  content: url("https://media.tenor.com/images/0122aa6720ba3806c58f97d29d2f6211/tenor.gif");
}
img:hover{
  filter: grayscale(100%);
}
#commentInput:hover{
  background-color: black;
}
#commentInput:focus:hover{
  color: lime;
}
a:hover{
background-color: rgba(0, 0, 0, 0.5);
color: white;
}
.box.blurbs a{
font-size:0px;
}

.box.blurbs a::after{
Content:"[Click here]";
font-size:15px;
color: red;
}
.tableRight a{
font-size:0px;
}

.tableRight a::after{
Content:"[This is a Link]";
font-size:15px;
}
span#hUp::before {
    content: "Don\'t click here! (cause you can\'t)";
    font-size: 13px;
    animation-duration: 0.3s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: blinkingTextRed;
    font-family: monospace;
}

body {
  background-image: url("https://thumbs.gfycat.com/BetterFlamboyantBluetonguelizard-small.gif");
  background-color: white;
}

#container {
  background-image: url("https://www.bing.com/th/id/OGC.61ae58bcd90b2c675d71956078e24f92?pid=1.7&rurl=http%3a%2f%2f33.media.tumblr.com%2f9c588ede3dc200add6adddf90026db94%2ftumblr_nv02bryISC1u4ckvno1_400.gif&ehk=KQlmvzYRqudkyhtch%2fRrd%2fer0aGbjCXGv6s%2bFx1aIhw%3d");
  position: absolute;
  left: 0px;
}

.boxInfo.box {
  background-image: url("https://i.pinimg.com/originals/e6/f8/0b/e6f80be8122d7019c37b39b02dd6ec2c.gif");
}

.topLeft {
  background-color: rgba(255, 255, 0, 0.5);
}

.topRight {
  background-color: rgba(255, 105, 180, 0.5);
  margin-bottom: 2000px; 
}
.tableRight{
background-image: url("https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif")
}
.box.comments {
    margin-top: -170%;
    margin-left: 103%;
    margin-right: -100%;
    background: rgba(60, 120, 120, 0.5);
}
.fwiendFace:hover {
  transform: scale(1.1);
  border: 2px solid black;
  border-radius: 5px;
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  background-image: url("https://media4.giphy.com/media/dMiaUtnrBPe0M/giphy.gif");
}
.tableLeft:hover {
  transform: scale(1.1);
  border: 2px solid black;
  border-radius: 5px;
  animation: shake 0.5s;
  animation-iteration-count: infinite;
  background-image: url("https://media4.giphy.com/media/dMiaUtnrBPe0M/giphy.gif");
}
@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, -2px) rotate(-1deg); }
}
#avatar.avatar{
  animation: shake 2s;
  animation-iteration-count: infinite;
}
#avatar.avatar{
 border: 5px dotted #00A414;
}
#report.boxButton{
  display: none;
}
#block.boxButton{
  display: none;
}
#imgPreview img{
  display: none;
}

.tableRight:hover {
  background-image: none;
  background-color: black;
  color: lime;
}
div#header {
    background: url("https://devforum.roblox.com/uploads/default/original/4X/2/6/e/26e90236e73607a2d7dceca5fb1471f906473eb7.gif");
}
@keyframes float{
0%{transform: translate(0px, 0px)}
20%{transform: translate(0px, 5px)}
40%{transform: translate(0px, -5px)}
60%{transform: translate(0px, 5px)}
80%{transform: translate(0px, -5px)}
100%{transform: translate(0px, 0px)}
}
#top{
  animation:float 10s;
  animation-iteration-count: infinite;
  border: 2px solid black;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}