@charset "utf-8";

body {
	all: initial;
	font-family: Arial;
	font-family: Arial, Verdana, Univers;
}

/* START OF STYLESHEET FOR INDEX SCREEN */

	#indexpagenavi {
		position: fixed;
		float: left;
		left: 0;
		top: 0;
		height: 5svh;
		width: 99%;
		text-align: right;
		padding-top: 1.5svh;
		padding-right: 1%;
		font-size: 2.5svh;
		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.2svh);
	}

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

	#indextitle {
		position: fixed;
		float: left;
		left: 5%;
		top: 20svh;
		height: 15svh;
		width: 60%;
		font-size: 14svh;
		color: white;
		z-index: 5;
	}

	#indexdescription {
		position: fixed;
		float: left;
		left: 5%;
		top: 35svh;
		font-size: 3.9svh;
		color: white;
		z-index: 5;
	}

	#indexaboutus {
		position: fixed;
		float: left;
		top: 45svh;
		left: 5%;
		height: 50svh;
		width: 39%;
		font-size: 2svh;
		color: white;
	}

	#indexcollage {
		position: fixed;
		float: right;
		right: 1%;
		top: 38svh;
		width: 40%;
		height: 60%;
		z-index: 10;
		padding-top: 0;
		padding-left: 0;
	}

	#indexcollagepic {
		height: 100%;
	}


/* END OF STYLESHEET FOR INDEX SCREEN */