#introOverlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100vh;

background:#000;

display:flex;

justify-content:center;

align-items:center;

overflow:hidden;

z-index:999999;

transition:1s;

}

#introVideo{

position:absolute;

width:100%;

height:100%;

object-fit:cover;

}

.overlay-dark{

position:absolute;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

}

.intro-logo{

position:relative;

z-index:5;

text-align:center;

color:white;

animation:fadeUp 1.5s;

}

.intro-logo img{

width:270px;

margin-bottom:50px;

}

.intro-logo h2{

font-family:Montserrat;

letter-spacing:5px;

font-size:35px;

font-weight:600;

color: #fff;

}

#skipIntro{

position:absolute;

bottom:45px;

right:50px;

z-index:6;

background:white;

color:black;

border:none;

padding:14px 28px;

cursor:pointer;

border-radius:40px;

font-weight:bold;

transition:.3s;

}

#skipIntro:hover{

background:#d8b46d;

color:white;

}

#soundButton{

position:absolute;

left:50px;

bottom:45px;

background:white;

border:none;

padding:14px 22px;

border-radius:40px;

cursor:pointer;

z-index:6;

}

#mainWebsite{

opacity:0;

transform:translateY(40px);

transition:1.2s;

}

#mainWebsite.show{

opacity:1;

transform:none;

}

.fadeAway{

opacity:0;

visibility:hidden;

pointer-events:none;

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:none;

}

}