@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
body{
	background-color: #2f404d;
	width: 100%;
}
h1{
	text-align: center;
	font-family: 'Audiowide', cursive;
	color: #85ebd9;
	font-size: 60px;
}
h2{
	font-size: 30px;
	font-family: 'Orbitron', sans-serif;
	color: #3d898d;
}
h3{
	font-size: 30px;
	font-family: 'Black Ops One', cursive;
	color: #b0acb0;
}
p{
	font-size: 25px;
	font-family: 'VT323', monospace;
	color: #e2dddf;
}
.glow {
  color: #3d898d;
  text-align: center;
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #3d898d, 0 0 35px #00c0ca;
  }
  
  to {
    text-shadow: 0 0 20px #3d898d, 0 0 45px #00f2ff;
  }
}
.shake{
	animation-name: shake;
  	animation-duration: 2s;
 	animation-iteration-count: infinite;
 	animation-direction: alternate;
 	position: absolute;
}
@keyframes shake {
  from {
  	transform: rotate(10deg);
  }
  to {
  	transform: rotate(-10deg);
  }
}
.social{
	text-align: center;
}
a{
	padding: 20px;
}
/* unvisited link */
a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #85ebd9;
  text-decoration: none;
}

/* selected link */
a:active {
  color: #3d898d;
  text-decoration: none;
}