@keyframes float {
  0% {
      margin-top: 40px; 
  } 
  20% {
      margin-top: 80px;
 
} }

body {
  background-color: wheat; 
  color:white;
  background: linear-gradient(90deg, rgba(11,121,9,1) 0%, rgba(245,222,180,1) 35%, rgba(255,0,108,1) 100%);
}
h1, table, img{
  animation: float 6s infinite; -webkit-box-shadow: 1px 10px 151px -5px fuchsia;
  -moz-box-shadow: 1px 10px 151px -5px fuchsia;
  box-shadow: 1px 10px 151px -5px fuchsia;
  background-color: white;
  font-size: 1.8em;
}
h1 {
  color:black;
}
::-webkit-scrollbar {
  background-color: transparent;
}

body::-webkit-scrollbar-track {
  background-color: transparent;
}

body::-webkit-scrollbar-thumb {
  background-color: transparent;
}
td {background-size: contain;
background-image: url("/images/sheffmini.jpg");}
hr {border-color: fuchsia;}
code {
  position:fixed; 
  animation: float 6s infinite; 
}
.hell {background-image: url(/images/sheffmini.jpg);
font-size: 2em;
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-11-8 16:27:37
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
 @-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}