@font-face { font-family: bananaslipplus; src: url('font/bananaslipplus.otf');}


.bg:before {
	z-index:-1;
  content: "";
  position: absolute;
  inset: 0;
  background:linear-gradient(90deg,#342020,#ff8400,#342020) left/400% 100%;
  animation:f 32s infinite alternate linear;
}

@keyframes f {
  100% {background-position:right}
}
}

/* This is just to transition when you change the viewport size. */
* {
  transition: all 0.25s ease-out;
}

body {
font-family: bananaslipplus;
font-size: 25px;
text-align: center;

}
p{
	line-height: 30px;
	margin: 30px;
}

.h1 {
	-moz-box-shadow: 0px 4px 0px 0px #706e6e;
	-webkit-box-shadow: 0px 4px 0px 0px #706e6e;
	box-shadow: 0px 4px 0px 0px #706e6e;
	background-color:white;
	-webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
	border:3px solid #000000;
	display:inline-block;
	color:#000000;
	font-size:26px;
	padding:10px 76px;
	text-decoration:none;
	text-shadow:0px 2px 0px #8f8f8f;
}
.b1 {
	margin: 10px;
	-moz-box-shadow: 0px 4px 0px 0px #706e6e;
	-webkit-box-shadow: 0px 4px 0px 0px #706e6e;
	box-shadow: 0px 4px 0px 0px #706e6e;
	background-color:white;
	-webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
	border:3px solid #ffaa00;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:26px;
	padding:10px 76px;
	text-decoration:none;
	text-shadow:0px 2px 0px #8f8f8f;
}
.b1:hover {
	-moz-box-shadow: 0px 4px 0px 0px #706e6e;
	-webkit-box-shadow: 0px 4px 0px 0px #706e6e;
	box-shadow: 0px 4px 0px 0px #706e6e;
	background-color:lightgrey;
	-webkit-border-radius:42px;
	-moz-border-radius:42px;
	border-radius:42px;
	border:3px solid #bf00ff;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:26px;
	padding:10px 76px;
	text-decoration:none;
	text-shadow:0px 2px 0px #8f8f8f;
}
.b1:active {
	position:relative;
	top:1px;
	-moz-box-shadow:inset 0px 4px 0px 0px #706e6e;
	-webkit-box-shadow:inset 0px 4px 0px 0px #706e6e;
	box-shadow:inset 0px 4px 0px 0px #706e6e;
}
footer{
	position: fixed;
	bottom: 20px;
	font-size: 15px;
	left: 30%;
	right: 30%;
	text-align: center;
}