html {height: 100%;
width: 100%;
margin: 0px;}

body {margin: 0px;
width: 100%;
height: 100%;
line-height: 0px;
font-family: arial, sans-serif;
font-size: 90px;
overflow: hidden;
background-size: cover;
background-position: center;
color: white;}

#Slider1 {background-image: url("./Images/WoWScrnShot_102319_194514.jpg");}

#Slider2 {background-image: url("./Images/WoWScrnShot_102319_221240.jpg");
background-position: left;}

#Slider3 {background-image: url("./Images/WoWScrnShot_102319_225855.jpg");
background-position: left;}

#Slider4 {background-image: url("Images/WoWScrnShot_102319_233312.jpg");
background-position: left;}

#Slider5 {background-image: url("Images/WoWScrnShot_102319_230526.jpg");}

a:link, a:visited {color: rgba(255,255,255,0.3);
text-decoration: none;
margin-top: -50px;
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 250px;
background-color: rgba(0,0,0,0.3);
transition: background-color color 0.3s ease;}

a:hover, a:active {color: white;
text-decoration: none;
background-color: rgba(0,0,0,0.75);
transition: 0.5s ease;}

#right {position: absolute;
right: 0;
padding-left: 20px;
padding-right: 15px;}

#left {position: absolute;
padding-left: 15px;
padding-right: 20px;}

h1 {text-align: center;
margin-top: 300px;
font-size: 8vw;
text-shadow:  3px 5px black;
color: #F2EAD2;}

#Slider3 h1 {font-size: 7.5vw;}

#hidden {background-color: rgba(0,0,0,0.00);
color: #F2EAD2;
cursor: text;}

#notThatHidden {background-color: rgba(0,0,0,0.00);
color: #C935F2;}

@media screen and (max-width: 765px){
	body {font-size: 60px;}
	a:link, a:visited {margin-top: -40px;
	margin-bottom: 160px;
	padding-top: 40px;
	padding-bottom: 40px;}
	#right {padding-right: 0px;
	padding-left: 5px}
	#left {padding-right: 5px;
	padding-left: 0px;}
	h1 {margin-top: 200px;}
}