body {

}

h1 {
	color: #fff;
    font-size: 2.6vw;
    margin-top: 0px;
}

h2 {
	color: #8a8a8a;
    font-size: 2.3vw;
    font-weight: 300;

}

h3 {
	color: #cbcbcb;
    font-size: 2.3vw;

}

#splash {
	background: url(assets/bkg-img.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background-color: black;
}

#instructions {
	font-family: 'Playfair Display SC', serif;
    color: white;
    background-color: black;
    top: 0;
    right: 0;
    position: absolute;
    text-align: center;
    width: 41%;
    height: 100%;
    font-size: 2.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text1, .text2, .text3 { display: none; }

#enter {
	position: absolute;
    top: 51vh;
    right: 60vw;
    font-size: 1.2vw;
    border-radius: 100%;
    transition: box-shadow 0.4s, color 0.8s;
    cursor: n-resize;
    color: #cacacacf;
    padding: 16% 17%;
    align-items: center;
    display: flex;
    box-shadow: 0px 0px 40px black;
    animation: fadeIn 3s infinite alternate;
}

#instr-img {
	width: 22vh;
}

#instr-img-mob {
	display: none;
	width: 44vw;;
}

#vr {
	display: none!important;
}

#enter:hover {
box-shadow: 0px 0px 125px black;
    color: white;
}

#overlay {
	width: 59%;
	height: 100%;
	background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgb(0 0 0) 100%);
	transition: opacity 0.5s ease;
	opacity: 1;
}

#overlay:hover {
	opacity: 0.5;
}

#fs-btn {
	position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1;
    opacity: 0.6;
}

#fs-btn:hover {
	opacity: 1;	
}

#fs-btn img {
	width: 50px;
	display: block;
}

#works {
	width: 8%;
    z-index: 10;
    position: absolute;
    bottom: 0;
}

#transcript {
	position: absolute;
    width: 7.5%;
    bottom: 0;
    z-index: 10;
    right: 0;
}

.a-dialog-allow-button {
  background-color: black!important;
  color: white!important;
}

.a-dialog-deny-button {
  background-color: #7e7e7e!important;
  color: white!important;
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@media only screen and (max-width: 760px) {
		#instr-img {
		display: none;
	}
		#instr-img-mob {
		display: block;
	}
		h1 {
		color: #fff;
	    font-size: 4.6vw;
	    margin-top: 0px;
	}
	
		h2 {
		color: #8a8a8a;
	    font-size: 3.3vw;
	    font-weight: 300;
		
	}
		
		h3 {
		color: #cbcbcb;
	    font-size: 3.3vw;
		
	}
		#enter {
		top: 50vh;
		right: 81vw;
		font-size: 5vw;
	    padding: 11% 12%;
	}
		#instructions {
		width: 53%;	
	}
	
	#vr {
		display: block!important;
	}
	
	#fs {
		display: none!important;
	}
	
	#instructions > div {
		margin-bottom: 105px;
	}
}