@charset "utf-8";
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- DESIGNED AND BUILT BY IAN BESLER =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

a:link {color: #00f; text-decoration-style: dashed;}
a:visited {color: #f0f; text-decoration-style: dashed;}
a:hover {color: #00f; text-decoration-style: solid;}
a:active {color: #0f0; text-decoration-style: solid;}

html,body,section,h3 {
	margin: 0;
}

html,body {
	width: 100%;
}

header {
	position: fixed;
	right: 100vw;
	top: 100vh;
}

main {
	width: 100%;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: repeat(9, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-
=-=-=-=- SECTION -=-=-=-=
-=-=-=-=-=-=-=-=-=-=-=-=-
*/

/*section {
	width: 25%;
	height: 17vh;
	float: left;
	padding-top: 8vh;
}*/

h3 {
	display: none;
	color: #fff;
	font-size: 4.5vw;
	text-align: center;
	font-weight: normal;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=- CSS MIX BLEND MODE =-=-=-=-
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
*/

.mix-blend-mode-normal {
	mix-blend-mode: normal;
}

.mix-blend-mode-multiply {
	mix-blend-mode: multiply;
}

.mix-blend-mode-screen {
	mix-blend-mode: screen;
}

.mix-blend-mode-overlay {
	mix-blend-mode: overlay;
}

.mix-blend-mode-darken {
	mix-blend-mode: darken;
}

.mix-blend-mode-lighten {
	mix-blend-mode: lighten;
}

.mix-blend-mode-color-dodge {
	mix-blend-mode: color-dodge;
}

.mix-blend-mode-color-burn {
	mix-blend-mode: color-burn;
}

.mix-blend-mode-hard-light {
	mix-blend-mode: hard-light;
}

.mix-blend-mode-soft-light {
	mix-blend-mode: soft-light;
}

.mix-blend-mode-difference {
	mix-blend-mode: difference;
}

.mix-blend-mode-exclusion {
	mix-blend-mode: exclusion;
}

.mix-blend-mode-hue {
	mix-blend-mode: hue;
}

.mix-blend-mode-saturation {
	mix-blend-mode: saturation;
}

.mix-blend-mode-color {
	mix-blend-mode: color;
}

.mix-blend-mode-luminosity {
	mix-blend-mode: luminosity;
}