html{font-family:GreatVibes;font-size:40px;color:#000000;}
section{padding-top:60px;position:relative;width:100%;}

a {cursor:pointer;text-decoration:none;position:relative;color:inherit;z-index:0;transition:0.2s;}
a:hover{font-weight:bolder;color:#ffffff;text-shadow:1px 1px 5px #000000;}

.shimmer{filter:brightness(1.2);animation:shimmer 5s linear 1s infinite;pointer-events:none;}

@keyframes shimmer{
	0%{clip-path:inset(0 100% 0 0);}
	5%{clip-path:inset(0 80% 0 0);}
	20%{clip-path:inset(0 0 0 80%);}
	25%{clip-path:inset(0 0 0 100%);}
}

#blinds{overflow:hidden;}
#blinds img{position:absolute;width:110%;height:200%;left:0;top:0;z-index:0;user-select:none;filter:saturate(0);}
.paraContainer{border-style:solid;border-width:12px;box-shadow:2px 2px 12px #000000,-2px -2px 12px #000000;}
.parapic{position:absolute;width:120%;height:160%;left:-10%;top:-30%;z-index:0;user-select:none;}
.hovercard{background-color:#000000;border-color:#000000;border-width:1px;box-shadow:2px 2px 6px #000000,-2px -2px 6px #000000;color:#ffffff;text-align:center;}
.textcard{background-color:#202460;box-shadow:2px 2px 6px 10px #000000,-2px -2px 6px 10px #000000;color:#ffffff;text-align:center;}

.moonflow{stroke-dasharray:10px;stroke-dashoffset:-10px;stroke-linecap:round;animation:flow 1s linear infinite forwards;}
@keyframes flow{
	0%{stroke-dashoffset:-10px;}
	100%{stroke-dashoffset:10px;}
}

.bubble{
	position:absolute;overflow:hidden;border-radius:50%;border-width:1px;border-color:#000000;border-style:solid;animation:wibble 1s ease-in-out infinite;
	width:125px;height:125px;transition:0.2s linear;opacity:1;cursor:pointer;transform:translate(-50%,-50%);left:50%;top:50%;
}
.bubble img{position:absolute;width:100%;height:100%;}

@keyframes wibble{
	/*0%{transform:translate(-50%,-50%)scale(1.03,0.97);}
	50%{transform:translate(-50%,-50%)scale(0.97,1.03);}
	100%{transform:translate(-50%,-50%)scale(1.03,0.97);}*/
}
@keyframes scan{
	0%{background-position:0% 10%;}
	50%{background-position:0% 90%;}
	100%{background-position:0% 10%;}
}

/*
Navy = #153463;
NeonCoral = #ff2d3a;
*/

.spin {display:inline-block;height:60px;width:60px;padding:10px;}
.spin img{transition:0.5s}
.spin:hover img{transform:rotate3d(0,1,0,360deg)scale(1.4);}

.mouseFlake{position:absolute;height:50px;top:0;left:0;pointer-events:none;user-select:none;z-index:9}
.inkBlot{position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);transition:0.2s;pointer-events:none;user-select:none;z-index:-1;}

/*NAVBAR*/
#navBar a{padding: 10px 20px 10px 20px;display:inline-block;}

@font-face {font-family: Shadowsintolighttwo;src:url(img/ShadowsIntoLightTwo.ttf);}
@font-face {font-family: GreatVibes;src:url(img/GreatVibes.ttf);}
@font-face {font-family: RennieMackintosh;src:url(img/RennieMackintosh.otf);}