* {
  border:0;
  margin:0;
  padding:0;
}

body {
	width: 100wh;
	height: 90vh;
	color: #fff;
	background: linear-gradient(-45deg, #ff5db1, #e570e7, #3473f5, #ffc7f6);
	background-size: 400% 400%;
	-webkit-animation: Gradient 15s ease infinite;
	-moz-animation: Gradient 15s ease infinite;
	animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

.content {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 3.5vh;
  font-family: 'Gloria Hallelujah', cursive;
  color: #47f72b;
}

.title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.not-as-big {
  font-size: 2.5vh;
}

.link-box {
  background-color: #252525;
  padding: 30px;
  font-size: 5vh;
  font-family: 'Kirang Haerang', cursive;
  -webkit-box-shadow: 0px 0px 122px -11px rgba(255,255,255,1);
  -moz-box-shadow: 0px 0px 122px -11px rgba(255,255,255,1);
  box-shadow: 0px 0px 122px -11px rgba(255,255,255,1);

}

.link-box-border {
  /*background-color: black;*/
  padding: 30px;
  font-size: 3vh;
  font-family: 'Kirang Haerang', cursive;
  /*background: #CE5937;
  background: -moz-linear-gradient(left, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
  background: -webkit-linear-gradient(left, #CE5937 0%, #1C6EA4 50%, #C59237 100%);
  background: linear-gradient(to right, #CE5937 0%, #1C6EA4 50%, #C59237 100%);*/
}


.for {
  text-shadow: none;
  font-family: monospace;
  font-size: 2vh;
  display: flex;
  align-items: center;
}



.huh {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}

a:link, a:visited, a:hover, a:active {
  color: #4cff9f;
  color: #FFF;
  background-color: #232323;
  text-shadow: 0 0 5px #FFF, 0 0 10px #FFF, 0 0 15px #FFF, 0 0 20px #49ff18, 0 0 30px #49FF18, 0 0 40px #49FF18, 0 0 55px #49FF18, 0 0 75px #49ff18;


  text-decoration: none;
}

.a-link {
  margin-bottom: 10px;
}

.font-toggle {
  color: black;
}

.font-toggled {
  color: #ff0bb0;
  text-shadow: none;
}


.piggy {
  width: 50px;
  height: 55px;
  margin: 12px auto 0;
}

.twister {
  /*width: 50px;
  height: 55px;*/
  margin: 12px auto 0;
}

.dancer {
  height: 65px;
  margin: 12px auto 0;
}