@charset "utf-8";
/* CSS Document */
			body{background-color: #FFFFFF}
			
			.h1{font-family: "calibri", sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size: 60px;
				padding:50px}
			
			.h3{font-size: 800px}
			
			.h4{font-size: 12px}
			
			.menucard{border:1px solid;
				background-color: #000000;
				height: 130px;
				width: 1100px;
				border-radius: 0px 0px 0px 1000px;
				
				position: fixed;
				left: 801px;
				top: 0;
				z-index: 1}
			
			.menu a{
			text-decoration: none;
			font-size: 30px;
			font-family: "calibri", sans-serif;
			font-weight: 400;
			font-style: normal;
			padding: 40px;
			margin: 0px 30px;
			float: right;
			color: #FFFFFF}
			
			.link::after{
				content: '';
				height: 3px;
				background: #FFD18C;
				display: block;
				opacity: 0;
				transition: all 0.3s;
				pointer-events: none;
				width: 0;
				margin: auto}
			
       		a:hover{color:#FFD18C}
			.link:hover::after{opacity: 1;
				width: 100%;
				transition: width 0.3s linear}
			
			.column{display:block;
					display:flex;
					flex-wrap: wrap;
					flex-direction: row;
					margin:20px 20px}
			
			div.imagetitle h3{font-family: "calibri", sans-serif;
								font-weight: 400;
								font-style: normal;;
								font-size: 30px;
								color:#FFD18C;
								margin:5px 0px;}
			div.imagecontent{font-family: "calibri", sans-serif;
								font-weight: 400;
								font-style: normal;;
								color: #FFD18C;
								font-size: 20px;
								width: 200px}
			
			
			.starbattlecard{
				background-color: #000000;
				border-radius: 0px 50px 50px 0px;
				padding: 20px;
				width:700px;
				margin:50px;
			
				position: absolute;
				top: 150px;
				left: 177px}
			
			.mirrorcitycard{
				background-color: #000000;
				border-radius: 0px 50px 50px 0px;
				padding: 20px;
				width:700px;
				margin:50px;
				
				position: absolute;
				top: 900px;
				left: 177px}
			
			.ladyonthewall{
				background-color: #000000;
				border-radius: 50px 0px 0px 50px;
				padding: 20px;
				width:700px;
				margin:0px;
			
				position: absolute;
				top: 600px;
				left: 1165px}
			
			div.imagecontent{width: 500px}
			
			.leftmenu{border:1px solid;
				background-color: #000000;
				padding: 20px;
				width:190px;
				height: 1700px;
				margin: -10px;
				z-index: 2;
			
				position: fixed;
				top:0px;
				left: 5px}
			
			.footer{border:2px solid black;
				background-color: #000000;
				color: #FFD18C;
				width:100%;
				height: 50px;
				margin: 0px;
			
				position: absolute;
				bottom: -840px;
				left: 0px}
			
			div.copyright{font-size: 10px}
			
			
			div.title{font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
						font-weight: 400;
						font-style: normal;
						font-size: 45px}
			
			p{font-family: "calibri", sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size:  20px;
				line-height: 32px}
			
			div.name{text-align: center;
				white-space: nowrap;
				position: fixed;
				font-size: 50px;
				widows: 60px;
				top: 350px;
				left: -75px;
				transform: rotate(270deg);
				color: #FFD18C}
			
			div.major{position: fixed;
				top: 450px;
				left: 0px;
				white-space: nowrap;
				font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
				transform: rotate(270deg);
				font-size: 20px;
				color: #FFD18C}
			
			div.imagemenu{position: fixed;
				left: 90px}
			
			div.initials{color: #FFD18C;
				position: fixed;
				top: 50px;
				left: 86px}
			
								@media only screen and (max-width:1000px){
			
			.menucard{border:1px solid;
				background-color: #000000;
				height: 110px;
				width: 100%;
				border-radius: 0px 0px 0px 1000px;
				
				position: fixed;
				left:0px;
				top: 0;
				z-index: 1}
				
			img{width: 700px}
			
			.menu a{
			text-decoration: none;
			font-size: 33px;
			font-family: "calibri", sans-serif;
			font-weight: 400;
			font-style: normal;
			padding: 12px;
			margin: 10px 30px;
			float: right;
			color: #FFFFFF}
						
						

			.leftmenu{border:1px solid;
				background-color: #000000;
				padding: 20px;
				width:190px;
				height: 1700px;
				margin: -10px;
				z-index: 2;
				opacity: 0;
			
				position: fixed;
				top:0px;
				left: -9000px}
				
			div.imagemenu{position: fixed;
				left: 9000px}
						
			.starbattlecard{
				background-color: #000000;
				border-radius: 0px 50px 50px 0px;
				padding: 20px;
				width:700px;
				height:700px;
				margin: -50px;
			
				position: absolute;
				top: 190px;
				left: 50px}
			
			.mirrorcitycard{
				background-color: #000000;
				border-radius: 0px 50px 50px 0px;
				padding: 20px;
				width:700px;
				height: 700px;
				margin:50px;
				
				position: absolute;
				top: 1720px;
				left: -50px}
			div.cityimagecontent{font-family: "calibri", sans-serif;
								font-weight: 400;
								margin: 0px 0px 0px 0px;
								font-style: normal;
								color: #FFD18C;
								font-size: 20px;
								width: 500px}
			div.cityimagecontent{width: 600px}
			div.cityimagetitle h3{font-family: "calibri", sans-serif;
								font-weight: 400;
								font-style: normal;;
								font-size: 30px;
								color:#FFD18C;
								margin:0px 0px 0px 0px;}
			
			.ladyonthewall{
				background-color: #000000;
				border-radius: 0px 50px 50px 0px;
				padding: 20px;
				width:700px;
				height:750px;
				margin:0px;
			
				position: absolute;
				top: 925px;
				left: 0px}
			
			div.imagecontent{width: 500px}
						
			
			.leftmenu{opacity: 0}
			
			
			.footer{border:2px solid black;
				background-color: #000000;
				color: #FFD18C;
				width:100%;
				height: 50px;
				margin: 0px;
			
				position: absolute;
				bottom: -810px;
				left: 0px}
			
			.mainintro{padding: 20px;
				width: 400px;
				height: 500px;
				margin: -10px;
			
				position: absolute;
				top: 90px;
				left: 15px}

			p{font-family: "calibri", sans-serif;
				font-weight: 400;
				font-style: normal;
				font-size:  35px;
				line-height: 32px}
						
			div.imagecontent{width: 650px}
									
			.img{width: 700px}
			
			}