*{
	box-sizing: border-box;
	font-family: 'Roboto Mono', monospace;
}
body{

	width:100%;
	height: 100vh;
	background-color: black;
    display: grid;
    grid-template-columns: repeat(48, 1fr [col-start]);
    grid-template-rows: repeat(30, 1fr [col-start]);
    padding: 2%;
    overflow-x: hidden;
}


#backLink {
	font-size: 15pt;
	text-decoration: none;
	color: white;
	font-weight: 400;
	grid-column: 1;
    grid-row: 1; 
}

#location {
	font-size: 12pt;
	text-decoration: none;
	color: white;
	font-weight: 400;
	grid-column: 1/20;
    grid-row: 30;
    align-self: end;
}

#description {
	font-size: 12pt;
	text-decoration: none;
	color: white;
	font-weight: 400;
	grid-column: 22/26;
    grid-row: 1/6;
    align-self: start;}


input[type=button] {
	border: none;
	font-size: 15pt;
	display: inline-block;
	text-align: right;
    text-decoration: none;
    background-color: black;
	color: white;
	font-weight: 400;
	grid-column: 23;
    grid-row: 30;
    align-self: end;
} 




#canvas {
	grid-column: 2/25;
    grid-row: 2/30;
	overflow: hidden;
	z-index: 1; 
 
}



/* gallery*/

img {
  opacity: 0.3;
}

img:hover {
  opacity: 1.0;
} 

img { 
max-width:50%; 
height:auto; 
}


#galleryframe {
	display: grid;
	grid-column: 27/49;
    grid-row: 1/31;

}




/*#gallery {
  display: grid;
  grid-template-columns: repeat(20, 1fr [col-start]);
  grid-template-rows: repeat(20, 1fr [col-start]);
}*/