html
{
	scroll-behavior:smooth;
}
#banner-row
{
	
}
#bg-banner
{
	/*background:url('raphael-lovaski-pxax5WuM7eY-unsplash.jpg') no-repeat center center fixed;
	background:url('cyan.png') no-repeat center center fixed;
	object-fit:fill;
	background-size:cover;*/
	width:100%;
	height:100vh;
	background-position:center bottom;
	background-size:1095px 540px;
	//background-size:contain;
	background-repeat:no-repeat;
	backface-visibility:hidden;
	//animation:bg-banner 20s ease-in infinite 5s;
	animation-timing-function:ease-in-out;
	animation-name:bg-banner;
	animation-duration:25s;
	animation-delay:7s;
	animation-iteration-count:infinite;
	background-attachment:fixed;
	background-image:url('front banner.jpg');
}
@keyframes bg-banner
{
	/*from
	{
		background-image:fixed;
		background-image:url('cyan.png');
	}
	to 0%,25%,50%,75%,100%*/
	0%{
	    background-attachment:fixed;
		background-image:url('front banner.jpg');
	}
	25%
	{
		background-attachment:fixed;
		background-image:url('images/banner/Webp.net-compress-image (13).jpg');
	}
	50%
	{
		background-attachment:fixed;
		background-image:url('images/banner/Webp.net-compress-image (16).jpg');
	}
	75%
	{
		background-attachment:fixed;
		background-image:url('images/banner/Webp.net-compress-imaghyrje (15).jpg');
	}
	100%
	{
		background-attachment:fixed;
		background-image:url('images/banner/Webp.net-compress-image (15).jpg');
	}
}
table,#h
{
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(255,255,255, 0.9); /* Black w/opacity/see-through */
}
#login
{
	float:right;
	cursor:pointer;
	display:flex;
	position:relative;
	top:-40px;
}
#productfeature
{
	background:url('images/productfeature/night serum website.png') no-repeat center center fixed;
	background-size:cover;
}
iframe
{
	width:100%;
	height:400px;
	background-color:grey;
}