@keyframes example {

  7% {opacity: 0.1;}

  80% {opacity: 1.0;}

  100% {opacity: .1;}

}

body {

    background-color: Transparent;

    background-image: url(https://i.imgur.com/5NIEiNE.gif);

    background-repeat: repeat;

}

html {

    cursor: url(https://cursors3.totallyfreecursors.com/thumbnails/cat10.gif), auto !important;

}

div#header {

 background: #b16eff;

   text-align: center;}

div#hSub {

 background: #202020;

 color: red;

 text-align: center;}

.tableLeft{

 background: #b16eff;

 width: 25%;

 padding: 10px;

 vertical-align: top;

 overflow: hidden;

}

.tableLeft > a > div {

 overflow: hidden;

    max-width: 115px;

    text-align: center;

}

.tableRight{

 width: 75%;

 background: #7de1ff;

 padding: 10px;

 vertical-align: top;

 overflow-wrap: anywhere;

}

.blurbs, #top, #box, .box, #header, #hSub, button {

  background-color: white;

  color: black;

  padding-right: 2px;

  padding-left: 3px;

  padding-top: 3px;

  padding-bottom: 2px;

  blox-shadow: 1px 0 #000,0 1px #000,1px 1px #000,inset 1px 1px #fff,0 0 150px 1px rgba(255,0,255,.5);

  box-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000, inset 1px 1px #fff;

  background-color: #f4fca7;

  border-right: 1px solid gray;

  border-bottom: 1px solid gray;

  color: #009414;

}

.rightHead, .boxHead {

  background: linear-gradient(135deg,#e63939 0,#f9ff54,#0088ff 100%);

  color: #0404d1;

  font-weight: none;

}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

@keyframes shake {

  10%, 90% {

    transform: translate3d(-1px, 0, 0);

  }

  20%, 80% {

    transform: translate3d(6px, 0, 0);

  }

  30%, 50%, 70% {

    transform: translate3d(-6px, 0, 0);

  }

  40%, 60% {

    transform: translate3d(6px, 0, 0);

  }

}

.fwiendFace {

  background: url(https://gifimage.net/wp-content/uploads/2018/04/kedi-hareketli-gif-12.gif) no-repeat;

  height: 130px;

  background-size: 120px;

  background-position: center;

}

.fwiendFace img {

  opacity: 0.1;

}

.url.box a {

  display: none;

}

.url.box {

  animation: bootAndClippy 0.3s steps(1) none;

  animation-fill-mode: forwards;

}

@keyframes bootAndClippy {

  from {

    background: url(https://i.imgur.com/p7zKHm5.jpg) #000;

    background-position: center;

    background-size: contain;

    background-repeat: no-repeat;

    position: fixed;

    right: 0;

    bottom: 0px;

    top: 0;

    left: 0;

    color: #ffffff00;

    border: none;

    box-shadow: none;

    filter: drop-shadow(8px 9px 15px #00000044);

    z-index: 1000;

  }

  to {

    background: url(https://media.giphy.com/media/VbnUQpnihPSIgIXuZv/giphy.gif) no-repeat;

    background-size: 140px;

    position: fixed;

    right: 0;

    bottom: 0px;

    color: #ffffff00;

    height: 131px;

    width: 150px;

    z-index: 100;

    animation: shake 2s infinite;

    border: none;

    box-shadow: none;

    filter: drop-shadow(8px 9px 15px #00000044);

    z-index: 1000;

  }

}

#hSub {

  background: url(https://i.imgur.com/okgYfQb.gif) #D4D1CC !important;

  border-bottom: 1px solid #ccc !important;

  padding-bottom: 8px !important;

}

#hSub a {

  color: ##bd0000;

}

.tableRight {

  word-break: break-word !important;

}