*{
margin: 0;
padding: 0;
font-family: Arial;

}

header{
background: url(https://www.lilybeachmaldives.com/wp-content/uploads/2017/09/beach-villa-beach.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:rgb(0, 0, 0);
padding: 5px 20px;
border: 1px solid #fff;
transition: 0.6s ease;
}

ul li a: hover{
background-color: #fff;
color:#000;
}

ul li.active a{
background-color: #fff;
color:#000;
}
.logo img {
float: left;
width: 50px;
height:auto; 
margin-top:20px;
margin-left:20px;
}

.main{
max-width: 1200px;
margin: auto;

}
.title{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.title h1{
color: #fff;
font-size: 70px;
}

.button{
position: absolute;
top: 60%;
left: 50%;
transform: translate(-50%,-50%);
align-items:center;
}

.btn{

border: 1px solid #fff;
padding: 10PX 30px;
color:#fff;
text-decoration: none;
transition:0.6s ease;
}

.btn:hover {
background-color: #fff;
color: #000;
}
#Home{
	width:100vw;
	height:100vh;
	border:10px solid black;
	background-color: lightgreen;


	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	
	

	}

	.paragraph{
		text-align: center;
		width: 600px;
		height: 600px
		line-height: 25px;
		margin-bottom: 30px;
		
	}


	.img{
		
		margin:10px auto;
	}

	img{
		width: 850px;
		height:auto;
	}

	#Hauptstadt{
	width:100vw;
	height:100vh;
	border:10px solid black;
	background-color: lightgreen;
	text-align:center;


	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;

	
	

	}

	.paragraph{
		text-align: center;
		margin-right: 20px;
		width: 600px;
		height: 600px
		line-height: 25px;
		margin-bottom: 30px;
		
	}


	.img{
		
		margin:50px auto;
	}

	img{
		width: 850px;
		height:auto;
	}

	
	#Gallery{
	width:100vw;
	height:100vh;
	border:10px solid black;
	background-color: lightgreen;


	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;

	}

	.img{
		align:center;
		border:10px solid black;
	}

	img {
		width: 190px;
		height:auto;

}
#Contact{
	width:100vw;
	height:100vh;
	border:10px solid black;
	background-color: lightgreen;
	


	display:flex;
	flex-direction: column;
	justify-content: center;
	align-items:center;
	}

	.paragraph{
		text-align: center;
		margin-right: 20px;
		width: 600px;
		height: 600px
		line-height: 25px;
		margin-bottom: 30px;
		
	}
	
	
	#WATCH VIDEO {
	width:100vw;
	height:100vh;
	border:10px solid black;
	background-color:lightgreen;



	flex-direction: column;
	justify-content: center;
	align-items:center;
	}