body {
	overflow-x: hidden;
	margin-right: 0 !important;
}

#pageOpener {
	position: relative;
}

#openerTextBlock {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: fit-content;
    z-index: 1;
    padding: 0 40px;
    text-align: center;
}

#openerTextBlock h1 {
	font-family: "Hurricane";
    --minFontSize: 60px;
    --maxFontSize: 240px;
    --scaler: 18vw;
    font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
    color: #ffffff;
    margin: 0 0 4vh;
    line-height: 1;
    /*text-shadow: 2px 2px 12px #6e6e6e;*/
    font-weight: normal;
}

#openerTextBlock p {
	--minFontSize: 17px;
    --maxFontSize: 40px;
    --scaler: 18vw;
    font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
    color: #ffffff;
}

#openerTextBlock a {
	display: inline-block;
    font-size: 20px;
    background: rgb(121 0 255 / 80%);
    padding: 10px 20px;
    border: 1px solid #7900ff;
    text-decoration: none;
    color: #fff;
    margin-top: 6vh;
    transition: background .2s linear, color .2s linear;
    /*animation: shadow-pulse 4s 4s infinite;*/
}

@keyframes shadow-pulse {
	0% {
    	box-shadow: 0 0 6px 0px rgb(121 0 255 / 80%)
	}
	
	100% {
	    box-shadow: 0 0 6px 12px rgb(228 103 43 / 0%);
	}
}

#openerTextBlock a:hover {
	background: #7900ff;
    transition: background .2s linear, color .2s linear;
    animation: none;
}

#sliderContainer {
    background-color: #a17064;
    height: 100vh;
}

#openerSlider {
	opacity: .38;
}

#openerSlider .tns-controls {
	display: none
}