body{
            animation: gradientChange 22s linear infinite;
            background-color: black;
        }
		a{
			font-family: "abz", sans-serif;
			text-decoration: none;
			color: rgb(34, 1, 37);
			text-shadow: 0 0 1.1px rgba(34, 1, 37, .5);
			letter-spacing: -0.0338em;
		}
		a:hover{
			color: rgb(65, 105, 225);
		}
		p{
			font-family: "abz", sans-serif;
			font-size: 1.15em;
			color: rgb(34, 1, 37);
		}
		h2{
			font-family: "oswald", serif;
			font-size: 1.15em;
			color: rgb(34, 1, 37);
			text-shadow: 0 0 1.2px rgba(34, 1, 37, .36);
		}
		h3{
			font-family: "eidetic", sans-serif;
			font-size: 1.05em;
			color: rgb(255, 255, 255);
			text-shadow: 0 0 2.2px rgba(34, 1, 37, .44);
		}
		h1{
			width: 74%;
			font-family: "oswald", serif;
			color: rgb(34, 1, 37);
			text-shadow: 0 0 1.6px rgba(34, 1, 37, .4);
			float: left;
			padding-left: 48px;
			position: relative;
			font-size: 5ex;
			letter-spacing: 0.0154em;
		}
		h1:hover{
			transition: all .7s ease-out;
			transform: scale(1.01);
			letter-spacing: 0.0174em;
			text-shadow: 5px 3px 10px rgb(97, 63, 140);
		}
		@font-face{
			font-family: "oswald";
			src: url("fonts/oswald.ttf");
		}
		@font-face{
			font-family: "abz";
			src: url("fonts/ABeeZee-Regular.otf");
		}
		@font-face{
			font-family: "eidetic";
			src: url("fonts/eidetic.otf");
		}
		#main{
			width: 74%;
			margin-left: auto;
			margin-right: auto;
			border-radius: 10.5px;
			box-shadow: 0px 5px 38px rgb(97, 63, 140);
			padding: 15px;
			margin-top: -26px;
			padding-bottom: 96px;
			background-color: rgb(255, 255, 255);
			float: none;
		}
		.clearfloat {
			clear: both;
		}
		#footer {
			margin: 0px;
			text-align: center;
			padding-top: 12px;
		}
		#footer:hover{
			transition: all .7s ease-out;
			letter-spacing: 0.0018em;
		}
		#note {
			margin: 0px;
			text-align: center;
		}
		#note:hover{
			transition: all .7s ease-out;
			letter-spacing: 0.0018em;
			text-shadow: 0 0 10px rgba(97,63,140, .5);
		}
		#nav {
			width: 73%;
			text-align: center;
			display: block;
			list-style: none;
			padding: 0;
			margin: 0;
		}
		#nav li {
			width: auto;
			display: inline-block;
			margin: 0 10px;
			float: left;
			position: relative;
			bottom: 94.6px;
			left: 280px;
			list-style: none;
			font-size:3.4ex;
			margin-right: 48px;
		}
		#nav a {
			text-decoration: none;
			float: left;
			height: 12px;
			display: block;
			color: rgb(34, 1, 37);
			text-align: right;
			line-height: 40px;
			font-family: "eidetic", sans-serif;
		}
		#nav a:hover, #nav #active-nav {
			color: rgb(244, 124, 253);
			text-shadow: 0 0 10px rgba(244, 124, 253, .7);
		}
		#nav li:hover > ul {
			display: block;
			background-color: white;
            background: linear-gradient(90deg, rgba(255, 20, 147), rgba(0, 206, 209));
            background-size: 200% 100%;
            animation: gradientChange 10s linear infinite;
            color: white;
		@keyframes gradientChange {
   		    0% {
				background: linear-gradient(90deg, #FF1493, #00CED1);
			}
			50% {
				background: linear-gradient(90deg, #FF1493, #00CED1);
			}
			100% {
				background: linear-gradient(90deg, #00CED1, #FF1493);
			}