.topnav {
    background-color: #333;
    overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}
.topnav form
{
	text-align: right;
    text-decoration: none;
    font-size: 16px;
	margin:auto;
	overflow: auto;
}
body{
	background-image:url("background.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-color:rgb(255,255,255);
	font-family: "Comic Sans Ms";
	font-size:16px;
	font-weight:normal;
	line-height:1.6em;
	margin:auto;
}
.links
{
	text-align: left;
	margin:60px;
	width: 200px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;
}
.comic
{
	text-align: left;
	margin:60px;
	width: 1000px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:10px;
}
.proj
{
	text-align: left;
	margin:60px;
	width: 200px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;
}
.proj2
{
	position: absolute;
    left: 260px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.proj3
{
	position: absolute;
    left: 570px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.proj4
{
	position: absolute;
    left: 880px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.proj5
{
	position: absolute;
    left: 1190px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.proj6
{
	position: absolute;
    left: 1490px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.proj7
{
	position: absolute;
    	left: 1790px;
	top: 0px;
	text-align: left;
	margin:60px;
	width: 250px;
	padding:10px;
	background-color:rgb(76,175,80);
	color:(255,255,255);
	border:5px rgb(50,50,50) solid;
	font-family: "Comic Sans Ms";
	font-size:20px;

}
.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.comment{
	width:80%;	
	margin:auto;
	background-color:rgb(50,50,50);
	color:(255,255,255);
	
	border:1px rgb(76,175,80) solid;
	border-style:ridge;
	padding:2px;
}
.container{
	width:80%;	
	margin:auto;
}
.box-1{
	background-color:rgb(50,50,50);
	color:(255,255,255);
	
	border-right:5px green solid;
	border-left:5px green solid;
	border-top:5px green solid;
	border-bottom:5px green solid;
	border-style:dotted;
	padding:0px;
		
}
.box-1 p
{
	font-family:Tahoma;
	letter-spacing:0.2em;
	word-spacing: .1em;
}
.gImages
{
	background-color:rgb(0,0,0);
	color:white;
	padding: 0px;
	margin: 60px;
	
}
.upload_form
{
	
	border:5px red solid;
}