body {
	background-image: url(support/background.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	cursor: url('support/rcursor.png'), auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

a {
	cursor: url('support/lcursor.png'), auto;
}

.note {
	background-color: #bfff00;
	text-align: center;
}

.alien ::selection {
	background: #63ffc8;
	color: #0c90b5;
	text-shadow: none;
}

.yokai ::selection {
	background: #ec1921;
	color: rgb(211, 211, 211);
	text-shadow: none;
}

/*image settings */
.pfp {
    width:15%;
    	float: left;
	padding-right: 2em;
	vertical-align:baseline;
}

.left  {
	float: left;
	padding-right: 2em;
}

.right {
	float: right;
	padding-left: 2em;
	text-align: right;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sicon {
	width: 2em;
}

.mdis {
	float: left;
	margin-left: 1.5em;
	margin-top: 1.5em;
	padding-right: 2em;
	height: 30em;
	position: absolute;
}

.backing {
	float: left;
	padding-right: 2em;
	height: 33em;

}

/*image animations */
.shake {
	animation-play-state: paused;
}

.shake:active {
	-webkit-animation-name: cssAnimation;
	-webkit-animation-duration: 0.25s;
	-webkit-animation-iteration-count: 8;
	-webkit-animation-timing-function: ease-in-out;
	animation-direction: alternate;

}

@-webkit-keyframes cssAnimation {
	from {
		-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateX(0);
	}

	to {
		-webkit-transform: rotate(0.5deg) scale(1.04) skew(0.5deg) translateX(5px);
	}
}
/*
navbar settings*/
.nav figure {
	margin: 0;
	padding: 0;
	height: 2em;

}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #181818;

}

.nav li {
	float: right;
	font-size: 2em;
	vertical-align: middle;
}

.nav a {
	display: block;
	text-align: center;
	padding: 16px 20px;
	text-decoration: none;
}

.nav a:hover {
	background-color: #ffffff;
}

.nav img {
	height: 2em;
}
/* Text CSS */
.textBlock {
	background-color: white;
	padding: 5%;
	padding-top: 3%;
	color: black;
	font-family: verdana;
	font-size: 16pt;
	text-align: justify;
}

.textBlock h1 {
	font-size: 36pt;
	font-weight: 1000;
	background: -webkit-linear-gradient(#ec1921, #710d0d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.textBlock h2 {
	font-size: 30pt;
	font-weight: 1000;
	background: -webkit-linear-gradient(#ec1921, #710d0d);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
 .textBlock a {
     color:  #ec1921;
     font-weight:1000;
 }
 
 .textBlock a:hover {
 background: #ec1921;
	color: rgb(211, 211, 211);
 }

--
.classname {
  -webkit-animation-name: cssAnimation;
  -webkit-animation-duration: 3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes cssAnimation {
  from {
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(100px);
  }
  to {
    -webkit-transform: rotate(90deg) scale(2) skew(0deg) translate(100px);
  }
}