/* CSS Document */



/* As hex codes */



/*.color-primary-0 { color: #3F7B98 }	Main Primary color

.color-primary-1 { color: #011B28 }

.color-primary-2 { color: #133D51 }

.color-primary-3 { color: #55AAD4 }

.color-primary-4 { color: #FFFFFF }



.color-secondary-1-0 { color: #4768A0 }	Main Secondary color (1) 

.color-secondary-1-1 { color: #01102A }

.color-secondary-1-2 { color: #172E55 }

.color-secondary-1-3 { color: #5C8AD7 }

.color-secondary-1-4 { color: #FFFFFF }



.color-secondary-2-0 { color: #3B9A87 }	Main Secondary color (2)

.color-secondary-2-1 { color: #002821 }

.color-secondary-2-2 { color: #105245 }

.color-secondary-2-3 { color: #4ED5BA }

.color-secondary-2-4 { color: #FFFFFF }



As RGBa codes



.rgba-primary-0 { color: rgba( 63,123,152,1) }	Main Primary color

.rgba-primary-1 { color: rgba(  1, 27, 40,1) }

.rgba-primary-2 { color: rgba( 19, 61, 81,1) }

.rgba-primary-3 { color: rgba( 85,170,212,1) }

.rgba-primary-4 { color: rgba(255,255,255,1) }



.rgba-secondary-1-0 { color: rgba( 71,104,160,1) }	Main Secondary color (1)

.rgba-secondary-1-1 { color: rgba(  1, 16, 42,1) }

.rgba-secondary-1-2 { color: rgba( 23, 46, 85,1) }

.rgba-secondary-1-3 { color: rgba( 92,138,215,1) }

.rgba-secondary-1-4 { color: rgba(255,255,255,1) }



.rgba-secondary-2-0 { color: rgba( 59,154,135,1) }	Main Secondary color (2)

.rgba-secondary-2-1 { color: rgba(  0, 40, 33,1) }

.rgba-secondary-2-2 { color: rgba( 16, 82, 69,1) }

.rgba-secondary-2-3 { color: rgba( 78,213,186,1) }

.rgba-secondary-2-4 { color: rgba(255,255,255,1) } */

html{
	width: 100%;
	height: 100%;
}

body{

	margin: 0;

	width: 100%;
	
	height: 100%;
	
	overflow-y: scroll;
	
	-ms-overflow-style: none;
	
	scrollbard-width: none;


}

body::-webkit-scrollbar{
	
	display: none;
	
}

nav{

	width: 100%;

	height: 5vh;
	
	/*background-color: rgba(0,0,0,0.1);*/
	
	position: fixed;
	
	top: 0;
	
	transition: .15s ease;
}

nav:hover{
	background-color: rgba(  1, 27, 40,1);
}

main{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
}

ul{

	margin: 0;

	width: 100%;

	height: 100%;

	padding: 0;

	align-items: center;

	display: inline-flex;

}

li{

	list-style-type: none;

	padding: 0;

	height: 100%;

	width: 7%;

	margin: 0;

	text-align: center;

	display: inline-block;

	align-items: center;
	
	justify-content: center;
	
	justify-content: flex-end;
	
}

nav ul li a{
	
	font-size: 150%;

	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
	font-weight: bold;

	text-decoration: none;

	color: white;

	display: flex;

	height: 100%;

	width: 100%;

	align-items: center;

	justify-content: center;

	transition: 0.15s ease;
}

nav ul li a:hover{
	
	font-size: 175%;
	
	color: #011B28;
	
	background-color: rgba(255,255,255,1);
	
}

.dropdownList{

	visibility: hidden;
	
	display: block;
	
	width:100%;

	z-index:1;

	transition: 0.15s ease;
	
	opacity: 0;
}

.dropdownList li{
	
	width: 100%;
	
	background-color: #011B28;
	
}

.dropdownList li a{
	
	font-size: 125%;

}

.dropdownList li a:hover{
	
	font-size: 150%;

}
	
#projectTab:hover .dropdownList{
	
	visibility: visible;
	
	opacity: 1;
	
	transition: .15s ease;
	
}


h1{
	
	margin: 0;
	
	text-align: center;
	
	font-size: 4vw;
	
	width: 100%;
	
	height: 100%;
	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
	font-weight: 100;
	
	color: rgba(255,255,255,0.8);
	
}

h3{
	
	margin: 0;
	
	text-align: center;
	
	font-size: 2vw;
	
	width: 100%;
	
	height: 100%;
	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
	font-weight: 100;
	
	color: rgba(255,255,255,0.8);
	
}

.parallaxContent{
	
	height: 100%;
	
	width: 100%;
	
	background-color: rgba(0,0,0,0.3);
	
	display: flex;
	
	justify-content: center;
	
	align-items: center;
	
	transition: .5s ease;
	
	position: relative;
	
	z-index: 1;
	
}

.parallaxContent a{
	
	width: 100%;
	
	height: 100%;
	
	text-decoration: none;
	
}

.dividingBax p{
	
	text-align: center;
	
	color: rgba(255,255,255,0.75);
	
	margin: 0 auto;
	
	width: 65%;
	
	font-size: 1vw;
	
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
	
}

#islandBax{
	
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/LogoImage.png");
	
	background-size: contain;
	
}

#duckBax{
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/duckmasterGameplayImgs/throwingDuck.png");
	
	background-size: cover;
}

#hallowedBax{
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/forHallowedGroundImg.PNG");
	
	background-size: cover;
}

#boxBax{
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/boxvoyageGameplayImgs/receptionBaseLayout.png");
	
	background-size: cover;
}

#otherProjectsBax{
	
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/LogoImage.png");
	
	background-size: contain;
	
}

.parallaxBax{
	
	width: 100%;
	
	display: block;
	
	background-attachment: fixed;
	
	background-position: center;
	
	background-repeat: no-repeat;
	
	position: relative;
	
	z-index: -1;
	
	box-shadow: inset 100px 0px 100px rgba(0,0,0,0.1), inset -100px 0px 100px rgba(0,0,0,0.1), inset 0px 100px 100px rgba(0,0,0,0.1), inset 0 -100px 100px rgba(0,0,0,0.1);
	
	text-decoration: none;
	
}

.dividingBax{
	
	width: 100%;
	
	height: 20vh;
	
	background-color: #133D51;
	
	display: flex;
	justify-content: center;
	align-items: center;
}

.projectPageParallax{
	
	width: 100%;
	
	display: block;
	
	background-attachment: fixed;
	
	background-position: center;
	
	background-repeat: no-repeat;
	
	position: relative;
	
	z-index: -1;
	
	box-shadow: inset 100px 0px 100px rgba(0,0,0,0.1), inset -100px 0px 100px rgba(0,0,0,0.1), inset 0px 100px 100px rgba(0,0,0,0.1), inset 0 -100px 100px rgba(0,0,0,0.1);
	
	text-decoration: none;
	
}

#duckPageBax{
	
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/duckmasterGameplayImgs/mainMenu.png");
	
	background-size: cover;
	
}

#hallowedPageBax{
	
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/hallowedGameplayImgs/titleScreen.png");
	
	background-size: cover;
	
}

#boxPageBax{
	
	width: 100%;
	
	height: 100vh;
	
	background-color: aqua;
	
	background-image: url("../images/boxvoyageGameplayImgs/startingScreen.png");
	
	background-size: cover;
	
}


footer{

	background: #011B28;

	height: 5vh;

	width: 100%;
	
	position: fixed;
	
	bottom: 0;
	

}

.footerItem{

	width: 33%;

	height: 100%;

	color: #ffffff;

	font-size: 0.75vw;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

}

.footerItem a{

	color: #ffffff;

}

.footerSpacer{

	width: 0.5%;

	height: 100%;

	color: #ffffff;

	font-size: 1.5vw;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

}

























































































/*42077696*/