style.css

@charset "utf-8";

@keyframes ex
	{
		0% {  transform: rotate3d(0,1,0,0deg);}
		100% { transform: rotate3d(0,1,0,180deg);}
	}
body{
	background-color: white;}

#header {
	border-bottom: thick solid #D67E00;
	
}

.menu{
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 30px;
	margin-left: 60px;
	
	display: inline;
	
	
	
}
.bar {
	position: absolute;
	width: 1350px;
	background-color: #5EC74D;
	height: 50px;
	top: 174px;
}

#sidebar{
	width: 255px;
	height: 398px;
	background-color: #DBDADA;
	position: absolute;
	top: 226px;
	left: 8px;
	
}
#boxborder{
	padding: 0px;
	list-style-type: none;	
}

.login{
	padding-top: 18px;
	padding-right: 18px;
	padding-left: 30px;
	padding-bottom: 18px;
	font-size: 20px;
	font-weight: bold;
	border-bottom: thin solid #9B9696;
	margin-right: 10px;
}

#sidebar2{
	width: 320px;
	height: 402px;
	background-color: #DBDADA;
	position: absolute;
	left: 1039px;
	top: 226px;
}

#mainbody{
	
	width: 767px;
	height: 393px;
	background-color: #ACBCC4;
	position: absolute;
	margin-top: 60px;
	margin-right: auto;
	margin-left: 266px;
	margin-bottom: auto;
	top: 167px;
	left: 2px;
}

.info{
	padding-top: 10px;
	text-align: center;
	font-weight: 600;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
	font-size: 30px;
	width: 100%;
	height: 393px;
	position: absolute;
}

.text{
	color: blue;
	border: solid;
	margin-top:20px;
	border: 1.6px solid #F81115;
	padding-right: 16px;
	padding-left: 17px;
	padding-bottom: 1px;
}



#mainbody h1{
	text-align: center;
	font-weight: 900;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}

.data{
	font-weight: bold;
	font-size: 20px;
	padding-left: 10px;
	border-bottom: solid;
	border-width: 1px;
	border-bottom-color: #8A8A8A;
	
}

.galcol{
	padding: auto;
	background-repeat: no-repeat;
	background-color: red;
}