@charset "utf-8";
/* CSS Document */

html,body{
	margin:auto;
	padding: inherit;
	color:darkgreen;
	font-family: 'Permanent Marker', cursive;
	overflow-x: hidden;
	
}
video{
	object-fit:cover;
	width: 100%;
	height: 380px;
	position: absolute;
	top: 0;
	left: 0;
	filter: blur(1px);

} 
img{
	filter: drop-shadow(2px 2px 2px darkgreen);
}
h1{
	text-align: center;
	font-size: 80px;
	filter: drop-shadow(3px 3px 3px black);
	color:dodgerblue;
	margin: 0;
	padding: 2%;	
}
.bgH1
{
	height: auto !important;
	filter: drop-shadow(2px 2px 2px black); 
	padding: 10%;
		
}

p{
	text-align: center;
	color:dodgerblue;
	filter: drop-shadow(4px 4px 4px black);
	font-size: 50px;
	padding: 5%;
	margin: 10px;
	
}
 li{
	margin: auto;
	display:list-item;
	text-align:left;
	font-size: 30px;
	padding: 25px;
	filter: drop-shadow(2px 2px 2px dodgerblue);
	list-style-type: none;
}

.back{
	background-image:url("bubbles.png");
	background-position:center;
	background-size: contain;
	animation: drop 10s  infinite ease-in-out alternate;
}
@keyframes drop{
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: 10% 100%;
	}
}
div1{
	padding: 1%;
	display: none;
	width: auto;
	height: auto;
	margin: 0;
	z-index: -5;
	
}
div{
	margin: 0;
	height: auto;
}
.bottles{
	margin-left: auto;
	margin-right: auto;
	display:block;
	z-index: 100;
	width: 50%;
}
footer{
	font-size: 15px;
	text-align: center;
	filter: drop-shadow(1px 1px 1px black);
	padding: 5px;
}