body{
	text-align:left;
}
.top_bar
{
	margin-top:100px;
	text-align:left;
}
.img_bar
{
	width:140px;
	height:170px;
	margin-top:20px;
	overflow:hidden;
}
.text_bar
{
	margin-left:-50px;
	margin-top:20px;
}
.manu_bar{
	cursor:pointer;
}

.anker_bar
{	
	width:570px;
	height:50px;
	background-color:#96b5c9;
	margin-left:-8px;
}
.anker_bar p {
	margin-left:80px;
	margin-top:-50px;
	color:white;
	font-size:17px;
	
}
.anker_bar:hover{
	background-color:lightblue;
}
.imag_bar{
	margin-left:510px;
	margin-top:-25px;
	padding-left:-10px;
	
	
}
.imag_bar1{
	margin-left:480px;
	margin-top:-25px;
	padding-left:-10px;
	
	
}

.social_icon
{
	border:2px solid;
	border-bottom:none;
	border-left:none;
	border-top:none;
	text-align:center;
	line-height:50px;
	width:70px;
	height:50px;
	font-size:40px;
	color:white;
	margin-top:px;
	display:block;
	overflow:hidden;
}
.social_icon img{
	margin-top:7px;
}
------------------------------------------------------------------------------
.main_bar
{
	
	
	
	
}
.main_bar img{
	
	margin-top:100px;
	
}

.para{
	margin-top:100px;
}
.para p{
	
	border:1px solid lightgray;
	border-bottom:none;
	border-left:none;
	border-right:none;

	
}

.lightbox{
			visibility:hidden;
			opacity:0;
			position:fixed;
			top:15%;
			left:10%;
			width:1000px;
			
			
			
			
		
		}
		
		.lightbox:target{
			visibility:visible;
			opacity:1;
			transition:opacity 2s;
			
		}
		.outer{
			background-color:white;
			/*width:min-content;*/
			width:1000px;
			margin:auto;
			margin-top:-100px;
			padding:px;
			box-shadow:0px 0px 2000px black;
		}
		.inner{
			
			padding:10px;
			
		}
		.outer a{
			text-decoration:none;
			color:black;
			
		}
		#cross{
			float:right;
		}
		#title{
			background-color:#f0f0f0;
			padding:10px;
			margin:10px;
			border-radius:4px;
			
		}






















<script type="text/javascript">
  src="https://code.jquery.com/jquery-3.2.1.js"
  integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
  crossorigin="anonymous"></script>