@font-face {
  font-family: 'Bobbleboddy';
  src: url('Bobbleboddy.ttf') format('truetype');
}

@font-face {
  font-family: 'ARLRDBD';
  src: url('ARLRDBD.TTF') format('truetype');
}

body {
	cursor: url("https://i.stack.imgur.com/KDrS2.png"), pointer;
	text-align: center;
	background-color:#f7f9fe;
}

h1 {
	text-align: center;
	color: #3366ff; 
	text-shadow:
     0 1px 0 hsl(225,70%,40%),
     0 1px 0 hsl(225,70%,38%),
     0 3px 0 hsl(225,70%,36%),
     0 4px 0 hsl(225,70%,34%),
     0 5px 0 hsl(225,70%,32%),
     0 6px 1px hsl(225,70%,30%),
     0 0 5px hsl(225,35%,40%),
     0 1px 3px hsl(225,35%,38%),
     0 3px 5px hsl(225,35%,36%),
     0 5px 10px hsl(225,35%,34%),
     0 10px 10px hsl(225,35%,32%),
     0 15px 15px hsl(225,35%,30%);
	font-family: Bobbleboddy;
	font-size: 270%;
	animation: h1animation 20s linear 0s infinite normal forwards;
}

#video{
	text-align: center;
}


h3 {
	text-align: center;
	font-family: ARLRDBD;
	font-size: 130%;
	animation: animation 3s ease 3s infinite normal forwards;
}

@keyframes animation {
  0% {
    transform: translate(0);
  }

  20% {
    transform: translate(-2px, 2px);
  }

  40% {
    transform: translate(-2px, -2px);
  }

  60% {
    transform: translate(2px, 2px);
  }

  80% {
    transform: translate(2px, -2px);
  }

  100% {
    transform: translate(0);
  }
}

@keyframes h1animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

.btn:hover {
  background-color: RoyalBlue;
}