div.mitch {
  animation-duration: 3s;
  animation-fill-mode: forwards;
}

.containah {
  position: relative;
  width: 100%;
  max-width: 100vw;
  overflow: hidden;
  height: 100%;
  max-height: 100vh;
}
.you-bet {
  z-index: 4;
    position: fixed;
    top: 50%;
    width: 1000px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
h3 {
  opacity: 0;
  height: 100px;
  width: 100px;
}
svg {
  z-index: 5;
}
div.mitch1 {
  animation: move 7s linear infinite;
}
div.mitch {
  animation-name: bg-animation-0;
}
div.mitch,
div.mitch1 {
  background-image: url('./jpeg.jpeg');
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: 20%;

  background-repeat: repeat;
}

svg {
  width: 80%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}


@keyframes move {
  0% {
    background-position: left;
  }

  100% {
    background-position: 100%;
  }
}



.top {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  position:absolute;
}
h1 {
  z-index: 999;
  position: relative;
  color: #ffffff;
  font-family: sans-serif;
  font-size: 200px;
  margin: 0px;
  stroke: chocolate;
  filter: drop-shadow(-1px 0 0 mistyrose) drop-shadow(1px 0 0 mistyrose) drop-shadow(0 -1px 0 mistyrose) drop-shadow(0 1px 0 mistyrose);
  letter-spacing: .15em;
  text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}