* {
	margin: 0;
	padding: 0;
	font-family: Calibri;
}

body {
	background-image:linear-gradient(rgba(0,0,0,0.5 ),rgba(0,0,0,0.5 )),url(../down.jpg);
	height: 100vh;
	background-size: cover;
	background-position: center;
}
 ul{
	float: right;
	list-style type: none;
	margin-top:25px
}
ul li {
	display: inline-block;
}
ul li a{
	text-decoration: none;
	color:#fff;
	padding:5px 20px;
	border: 1px solid #transparent;
	transition: 0.6 ease;
	
}
ul li a:hover{
	background-color: #fff;
	color: #000;
}
	
	ul li.active a{
		background-color: #fff;
	color: #000;
		}
.logo img{
	float: left;
	width: 150px;
	height: auto;
}
.main{
	max-width: 1500px;
	margin: auto
	text-align: justify;
}
.title{
	position:absolute;
	top:50%;
	left:30%;
	trnsform: translate(-50%,-40%);
	}
.title h1{
		color:#fff;
		font-size: 60px;
	}
	.button{
			position:absolute;
	top:62%;
	left:37%;
	trnsform: translate(-50%,-40%);
	     }
.btn{
	border:1px solid #fff;
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
	transition: o.6s ease;
}		 
.btn:hover {
	background-color: #fff;
	color: #000;
}

p{
	color:white;
}

h1{
color:white;

}

.container{
	text-align:center;
	margin-top:40%;
	
}