@charset "utf-8";
/* CSS Document */
html,body{
	margin: auto;
	padding: inherit;
	font-family: 'Tilt Prism', cursive;
	overflow-x: hidden;
	
}
.toppage{
	width: 100%;
	height: auto;
	text-align: center;
	color: antiquewhite;
	margin: auto;
}
.middlepage{
	background-color: antiquewhite;
	width: 100%;
	text-align: center;
    height: auto;
	opacity: 50%;
	margin: 0;

	

}
.bottompage{
	width: 100%;
	text-align: center;
	height: auto;
	margin: auto;
}
h1{
color: black;
display: block;
font-size: 60px;
filter: drop-shadow(6px 6px 6px tan);
margin: 0;
padding: 15px;
opacity: 50%;
text-align: center;
background-image: url("CigSmoke.png");
background-size: contain;
	}
/*.textAnimate{
	animation: space 2s ease-in-out alternate infinite;
}
@keyframes space{
	from{
		
		letter-spacing: -.05px;
	}
	to{
		letter-spacing: 0px;
	}
}*/
h2{
	color: antiquewhite;
	font-size: 60px;
	filter: drop-shadow(6px 6px 6px brown);
	margin: 0;
	padding: 10px;
	text-align: center;
	display: block;


}
video{
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	filter: blur(1px);
}
.shadpic{

	width: auto;
	opacity: 35%;
	filter: drop-shadow(5px 5px 5px tan);
}
.cigars{
	display: block;
	width: 100%;
	align-content: center;
	object-position: center;
	justify-content: center;
	filter: drop-shadow(5px 5px 5px tan);
	
}
footer{
	text-align: center;
	margin: 0;
	padding: 1%;
	font-size: 30px;
    text-shadow: 1px 1px 1px tan;
}
p{
	margin: 0;
	font-size: 5vh;
}
.pic{
	height: 500px;
	display: flex;
	opacity: 50%;
	width: 100%;
	justify-content: center;
	align-content: center;


}
.pic2{
	display: flex;
	opacity: 50%;
	width: 100%;
	justify-content: center;
	align-content: center;

}
.cigTools{
	display: block;
	opacity: 50%;
	padding: 2%;
	filter: drop-shadow(3px 3px 3px tan);
	position: relative;
}
.cigTools2{
	display: block;
	opacity: 50%;
	padding: 2%;
	filter: drop-shadow(3px 3px 3px tan);
}
.cigTools3{
	display: block;
	opacity: 50%;
	padding: 2%;
	filter: drop-shadow(3px 3px 3px tan);
}