body
	{
		margin:0;
		padding: 0;
		

		background-size: cover;
		background-position: center;
		font-family: sans-serif;
	
			}
			////////////


	.list-group{
	
	float:left;
	margin-bottom: 20px;
	width:250px;
	transform: translate(5%, 5%);
	}
	.list-group-item {
  position: top;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;

}
	
	.slider{
		overflow:hidden;
		height:50px;
		width:100%;
		
	}
	.slider figure div{
		float:left;
		width:20%;
	}
	.slider figure img{
		width:200%;
		
		float:left;
	}
	.slider figure{
		position: relative;
		width:500%;
		margin:0px;
		animation: a 15s infinite;
		overflow:hidden;
	}
		@keyframes a{
			0%{
				left: 0px;
			}
			20%{
				left: 0px;
			}
		
			100%{
				left:-2735px;
			}
		
			
			
		}
		button{
			padding:20px;
			margin:6%;
			color:blue;
			
		}
	
///////


h1 {
  text-align: center;
  font-family: Tahoma, Arial, sans-serif;
  color: #06D85F;
  margin: 80px 0;
}



.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 550px;
  height: 350px;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: orange;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

			/////////////
		.login-box 
			{
				width: 320px;
				height: 340px;
				background: rgba(0,0,0,0.5);
				color: #fff;
				top: 50%;
				left: 50%;
				position: absolute;
				transform: translate(-50%, -50%);
				box-sizing: border-box;
				padding: 70px 30px;
				}
			
				.login-box input{
					width : 100%;
					margin-bottom: 20px;
					}
				.login-box input[type="submit"]
				{
					border: none;
					outline:none;
					height:40px;
					background: #1c8adlb;
					color: red;
					font-size:18px;
					font-weight:bold;
						}

			
		.avatar{
			width: 100px;
			height: 100px;
			border-radius: 50%;
			position : absolute;
			top: -50px;
			left: calc(50% - 50px);
		}
	
			.centre{
		text-align: center;
		font-size: 20px;
	
		}
		.center{
		text-align: center;
		font-size: 70px;
		} 
			h3{
				text-align:center;
				

				}
		
		h1{
			margin:0;
			padding:0 0 20px;
			text-align: center;
			font-size: 18px;
			}
			.gallery
{
	margin: 50px 50px;
	
}
		 .gallery  img
{
	width:230px;
	padding:5px;
	
	transition:1s;
}
.gallery img:hover
{

	transform: scale(1.1);
}
fieldset { 
width: 300px;
			height: 200px;
}



.menu ul{
list-style:none;
margin:0;}

.menu ul li{
padding: 15px;
position: relative;
width: 200px;
background-color: #34495e;}

.menu ul li a{
color:fff;
text-decoration: none;}