/* heres all the style formatting*/
.bitcount-grid-double-<uniquifier> {
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}


.bitcount-grid-double-<uniquifier> {
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}

body{
	background-color:#6D5F6E;
	margin:0;
}

.top{
	position: fixed;
	top:0;
	width:100%;
	background-color:#613F61;
	padding:0;
	height:60px;
}

#nav{ 
	font-family:Bitcount Grid Double;
	font-size:1.5em;
	/* added */ width:850px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding:0px;
}

ul{ /*added*/
	list-style-type: none;
	height:50px;
	overflow-y:hidden;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;
}

li{
	float:left;
	text-align:center;
	padding:15px;
	/*margin:15px;*/
	background-color:#613F61;
	display:block;
	text-decoration:none;
}

a:link{
	color:#CF4DEB;
	text-decoration:none;
}
a:visited{
	Color:#CF4DEB;
}
a:hover{
	opacity:0.5;
text-decoration:underline;
color:#5ABF39;
}


.info{
	display: grid;
	grid-template-columns:auto 23%; 
	align-items: center; 
	gap: 6%;
	position:flex;
	background-color:#A256A8;
	width:93%;    
	height: 400px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	margin-left: auto;
    margin-right: 0;
	margin-top:5%;
h2{
	font-size:40px;
	margin-left: 4%;
    margin-right: auto;
	color:white;
	font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;

	}
}

.mission{
	display: grid;
	grid-template-columns:auto 23%; 
	align-items: center; 
	gap: 6%;
	position:flex;
	background-color:#A256A8;
	width:93%;    
	height: 400px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	margin-left: auto;
    margin-right: 0;
	margin-top:5%;
h2{
	font-size:40px;
	margin-left: 4%;
    margin-right: auto;
	color:white;
	font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;

	}
}


.informationpage{
	display: block;
	grid-template-columns:auto; 
	align-items: left; 
	gap: 2%;
	position:flex;
	background-color:#A256A8;
	width:93%;    
	height: 1200px;
	border-top-left-radius:15px;
	border-bottom-left-radius:15px;
	margin-left: auto;
    margin-right: 0;
	margin-top:5%;
	margin-bottom:0;
}

	.informationpage p{
	color:white;
	padding:5%;
	margin-bottom:3%;
}
	
	.informationpage h2{ 
	padding-top:15px
	padding-left:15px;
	font-size:40px;
	margin-left: 4%;
    margin-right: auto;
	color:white;
	font-family:;
	
	
	
	
	
	}


.artist{
	display: flex;
	grid-template-columns:2; 
	align-items: left; 
	gap: 6%;
	position:flex;
	background-color:#A256A8;
	width:93%;    
	height: flex;
	border-top-right-radius:15px;
	border-bottom-right-radius:15px;
	margin-left: 0;
    margin-right: auto;
	margin-top:5%;
	
	
}

	.artist p{
	padding:3%;
	margin-bottom:3%;
}
	
	.artist h2{ 
	padding-left:15px;
	font-size:40px;
	margin-left: 4%;
    margin-right: auto;
	margin-top:5%;
	margin-bottom:2%;
	color:white;
font-family: "New Rocker", system-ui;
  font-weight: 400;
  font-style: normal;

	
	
	
	
	
	}


.artist img {
	margin-right: 15px;
	float: right;
	height: 400px;
	width: 400px;
	padding:2%;
	}
  
.boarder{
	margin-left: auto;
    margin-right: auto;
	width:50%;
	font-family:;
	color:;
	
	
	
	
}

h1{
	padding-left:5%;
	color:white;
	font-family: "New Rocker", system-ui;

}

p{
	padding-left:15px;
	font-size:23px;
	color:#FFFFFF;
	margin-left: auto;
    margin-right: auto;
	margin-top:2%;
	font-family: "Grenze Gotisch", serif;

}

.admissions {
    text-indent: 40px; 
  }



.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 2em;
    justify-content: center;
    width: 90%;
    margin: 4em auto;
}

.gallery-item {
    flex: 0 1 calc(33.333% - 2em);
    display: flex;
    flex-direction: column;
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
}

.caption {
    margin-top: 0.75em;
    font-size: 0.95em;
    line-height: 1.4em;
    text-align: left;
}