body {
	padding-left:25%;
	padding-bottom:250px;
	background-color:#b3b3b3;
}

h1, h2, h3 {
	color:blue;
}

section {
	display:none;
}
section:target {
	display:block;
}

.mainbox {
	background-color:#DADADA;
	border-style:double;
	border-color:#412500;
	border-width:5px;
	
	padding-top:20px;
	padding-bottom:20px;
	
	width:60%;
	min-width:500px;
	
	text-align:center;
	align-items:center;

	margin-right:25px;
	margin-bottom:25px;
}

.secondarybox {
	margin-top:20px;
	margin-bottom:20px;
	
	background-color:#FFE3E3;

	border-style:dashed;
	border-color:#FFFF00;
	border-width:5px;
	
	margin-left:20%;
	width:50%;
	padding:2%;
}

.itemlist {
	width:99%;
	display:flex;
	gap:5px;

	position:fixed;
	bottom:30;
	left:5px;

	background-color:#DADADA;

	border-style:dashed;
	border-color:#FFFF00;
	border-width:5px;
}

.itemlist figure {
	width:20%;
	height:80%;
	text-align:center;
}
.itemlist img {
	width:100%;
	height:50%;
}

.updatebox {
	height:500px;
	width:300px;
	
	background-color:#FFE3E3;

	border-style:dashed;
	border-color:#FFFF00;
	border-width:5px;

	position:sticky;

	overflow:scroll;

	padding:20px;
}

.artgallery {
	width:80%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}

.artgallery img {
	max-width:250px;
	width:80%;
}

@media all and (max-width: 600px) {
	
	body {
	padding-left:5%;
	};
}