#list{

overflow: auto;

background-color: grey;
display:block;
}


html,
 body {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
            width: 100%;
            margin: 0;
            padding: 0;

  font-family: Arial, Helvetica, sans-serif;

        }


canvas { 
    outline: none;
    width:100%;
    height:90%;
}



#close{
background-color: #f00480; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  -webkit-appearance: none;
  left:0px;
	bottom:145px;
	position:absolute;
}

#help{
background-color: #f00480; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  -webkit-appearance: none;
  left:0px;
	bottom:0px;
	position:absolute;
}

#curate{
background-color: #f00480; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  left:0px;
	bottom:0px;
	position:absolute;
}


#close_{

	
	text-align: right;
	font-size: 24px;
	height:80px;
	width:auto;
	position: absolute;
}
#next{
	position: absolute;
	left:420px;
	bottom:20px;
	text-align: right;
	font-size: 24px;
	width:80px;
	height:auto;
}
#prev{
	position: absolute;
	left:-5px;
	bottom:20px;
	text-align: left;
	font-size: 20px;
	width:80px;
	height:auto;
}

.nav{
	position: relative;
	font-weight: bold;
	margin: auto;
	z-index: 9998;
	color:#ffffff;
}

#instructions1{
	display:block;
}
#instructions2{
	display:none;
}
#instructions3{
	display:none;
}
#instructions4{
	display:none;
}
#instructions5{
	display:none;
}


#instructions{
	width:500px;
	height:150px;
	left:0px;
	position: absolute;
	bottom:0px;
	background-color: #f00480;
	overflow: hidden;
}


.instructions{
	margin: auto;
	pointer-events:none;
	margin-top: 20px;
	background-color: #f00480;
	width:360px;
	height:200px;
	z-index: 9998;
	color:#ffffff;
	text-align: center;
	padding:10px;

	font-size: 20px;

}

.browsw{
	width:32px;
	height:32px;
}

#supp{
	font-size: 16px;
}

#lim{

	width:60%;
	height:auto;
}


#lbar{
	position:relative;
	left:20%;
	width:0%;
	background-color: #f00480; 
}


#enterbutton{
	background-color: #f00480; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  -webkit-appearance: none;
  display:none;

}

#closebutton{
background-color: #f00480; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  -webkit-appearance: none;
}


 #loadingScreen {
    position: absolute;
    width: 100%;
    height: 100%;
    color: white;
    font-size: 50px;
    text-align: center;
    background-color: #3f3f3f;
    z-index: 9999;
}


#renderCanvas{
 	width:100%;
 	height:100%;
 	padding:0px;
 	margin:0px;
}

#tools{
	position: absolute;
	display:block;
}

.thumbimage{
	width:100px;
	height:auto;
}



#formdiv{
display:none;	
position: absolute;
top:25%;
left:25%;
background-color: white;
width:50%;
height:50%;

}

#info{
display:none;
position:absolute;
width:100%;
left:0%;
top:0%;
height:100%;
font-size: 40px;
    color: white;
    background:rgba(0,0,0,0.8)
}


#info-text{
	position:absolute;
	width:30%;
	height:100%;
	right:0;
	overflow:scroll;

}

#info-statement{
	position:absolute;
	width:50%;
	height:100%;
	right:0;

}

#info-art{
	left:-2%;
	position:absolute;
	text-align: right;
	width:70%;
	height:100%;
	
}

#art{
	 max-width: 90%;
        max-height: 90%;
        display: block;
        margin: 5% auto;

}

#text{
	position:absolute;
	top:5%;
	left:5%;
	height:90%;
	width:90%;
}

#info-info{
	position:absolute;
	width:50%;
	left:55%;
	top:3%;
}