@charset "utf-8";

body {
	all: initial;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
	height: calc(9vw + 9vh + 105vh);
}

/* START OF STYLESHEET FOR INDEX SCREEN */

	#indexpagenavi {
		position: fixed;
		float: left;
		left: 0;
		top: 0;
		height: 5vh;
		width: 99%;
		text-align: right;
		padding-top: 1.5vh;
		padding-right: 1%;
		font-size: 2.5vh;
		text-decoration: none;
		background-color: rgba(255, 255, 255, 0.7);
		z-index: 1;
	}

	#indexnavilink {
		text-decoration: none;
		color: rgba(97, 182, 249, 1.0);
	}

	#indexnavilink:hover {
		text-decoration: none;
		color: rgba(54, 163, 248, 1.0);
		transform: translateY(-0.2vh);
	}

	#indexpagemain {
		position: fixed;
		float: left;
		left: 0;
		top: 0;
		height: 100vh;
		width: 100%;
		background-image: url(images/taiosbackground.jpg); 
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;	
		z-index: 0;
	}

	#indextitle {
		position: absolute;
		float: left;
		left: 5%;
		top: 10vh;
		height: calc(5.3vw + 5.3vh);
		width: 90%;
		font-size: calc(5vw + 5vh);
		color: white;
		text-align: center;
		z-index: 5;
	}

	#indexdescription {
		position: absolute;
		float: left;
		left: 5%;
		top: calc(5.3vw + 5.3vh + 11vh);
		width: 90%;
		font-size: calc(1.4vw + 1.4vh);
		color: white;
		text-align: center;
		z-index: 5;
	}

	#indexaboutus {
		position: absolute;
		float: left;
		top: calc(6.7vw + 6.7vh + 13vh);
		left: 5%;
		height: 100vw;
		width: 90%;
		font-size: calc(1.2vw + 1.2vh);
		color: white;
	}

	#indexcollage {
		position: absolute;
		float: left;
		left: 5%;
		top: calc(6.7vw + 6.7vh + 65vh);
		width: 90%;
		z-index: 10;
		padding-top: 0;
		padding-left: 0;
	}

	#indexcollagepic {
		width: 100%;
	}


/* END OF STYLESHEET FOR INDEX SCREEN */