body{
	margin:0;
	background-image:url("images/background.png");
}
#logo{
	position:fixed;
	top:20px;
	left:20px;
	max-width: 350px;	
}
#nav{
	background-color: #292D27;
	position: fixed;
	top:0;
	width:100%;
	border-bottom: solid #2CDC2C 4px;
}

.nav-links{
	font-family: "Rubik Broken Fax", system-ui;
	font-weight: 400;
	font-style: normal;
	font-size: 35px;
	margin-left:374px;
	padding:20px
}

#nav a:link{
	color:#2CDC2C;
	padding:20px;
	text-decoration: none;
}
#nav a:visited{
	color:#2CDC2C;
	padding:20px;
	text-decoration:none;
}
#nav a:hover{
	color:#292D27;
	background-color:#2CDC2C;
	text-decoration: underline;
}

.artprof {
	padding:0px 10px 0px 10px;
	border: 5px #2CDC2C;
	border-style: dashed dashed groove ridge;
}

.artprof a:link{
	color:#EAE8D9;
	text-decoration:underline;
}

.artprof a:hover{
	color:#EAE8D9;
	text-decoration:underline;
}

.artprof a:visited{
	color:#EAE8D9;
}

.galhead {
    display: flex;
    align-items: center;
    gap: 20px;
	margin-top:50px;
}

.galhead img {
    width: 100px;
    height: auto;
}

.galhead h1 {
    margin: 0;
}

.gal{
	padding:40px 0px 40px 0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}

.gal img{
	margin-left:10px;
	margin-right:10px;
}

#wrap{
	margin-top:150px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 10px 10px 10px;
	background-color:#171A16;
	color: #EAE8D9;
	font-family: "DotGothic16", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	max-width:1000px;
	min-width:600px;
	overflow:auto;
}

#foots{
	font-family: "DotGothic16", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	text-align: center;
	margin-top:25px;
	padding:25px;
	background-color:#777A6F;
	color:#EAE8D9;
}