/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



body {background-image:url("https://ueberm0rgen.neocities.org/lav.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  background-size:100%;
  }
 
  main {
	width:100%;
  
  height:100%;
  padding-bottom:5%; 
  }
  
header,footer {background-color:#b38fc4;
	color: gold;
	font-size: xx-large;
	font-style:italic;
	padding: 10px;
	text-align:center;
  font-family:Segoe UI;
  height:30px;
  }


hr { 
 
 margin-top:20px;
 margin-bottom:50px;
  margin-left: auto;
  margin-right: auto;
  border-style: dashed;
  border-width: 5px;
} 

aside {
	text-align:center;


}

nav {float:left;
	text-align:center;
	font-family:Aber-Mono;}
	
li{border:solid;
margin-bottom:20px;
font-size:25px;
padding:10px;
color:#431130;
background-color:rgb(250, 250, 250,0.8);
width:90%;
 border-radius: 10px;}
 

li:hover {transform: scale(1.1,1.1);

}


  
div1{
  margin: 20px;
  color: #431130;
	border:solid;
	border-color:black;
	
	display: block;
  float:left;
  width: 15%;
  background-color:white;
}

div4 {margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  color:#431130;
	padding:20px;
	display: block;
	width: 55%;
	background-color:white;
  border: solid;
 border-color:black;

}

div8 {
  color:#431130;
width:53%;
	display: block;
  float:right; 
  Background-color:rgb(250, 250, 250,0.8);
  padding-left:5%;
  padding-right:5%;
  padding-top:2%;
   padding-bottom:2%;
 margin-right:5%;
 margin-left:5%;
}



div6 {border:solid;

margin:10px;
background-color:white;
}
div7 {	text-align:center;

	margin-left:-20px; 
}

div3{	border:solid; 
 color:#431130;
	display: block;
  padding:10px;
  float:right; 
  margin:20px;
background-color:white;
	border-color:black;}
	
div9{
 color:#431130;
	display: block;
  float:left; 
	width:25%;
Background-color:rgb(250, 250, 250,0.8);
margin-left:1%;}
	
div10{	 
 color:#431130;
	display: block;
  padding:10px;
  float:right; 
  margin-bottom:20px;
  margin-right:20px;
  margin-top:50px;
border:solid;
width:80%;background-color:white;
	}
	
div11{
	display: block;
 
  float:left; 

  margin-left:15px;

}	
img {
  display: block;
  margin-left: auto;
  margin-right: auto;
 
}



  
p {margin:10px;
text-align:center;
color:#431130;
font-family:CHNOPixel;
padding:10px;
}
 


p6{
  color:#431130;
	border:solid;
	border-color:black;
  padding:10px;
  float:right; 
  width: 15%;
  background-color:#ebe4e5;
  font-family:Aber-Mono;
 }
p20 {margin:10px;
text-align:center;
color:#431130;
font-family:CHNOPixel;
padding:10px;}
 

p1 {text-align: left;
  font-size: 18px;
 
  font-family:Aber-Mono;}
  
h1 {margin:10px;
color:#431130;
padding:10px;
font-family:Aber-Mono;
}

h2{text-align:center;
font-family:Aber-Mono;
color:#431130;}


h3{text-align:center;
font-family:Aber-Mono;
color:#431130;}


div13.gallery {
  margin: 10px;
  float: left;
  width:15%;
  height:180px;
 border: 5px solid;
  overflow: hidden;
  transform: translateY(10px);transition: 0.5s;
}
div14.gallery {
  margin: 10px;
  float: left;
  width:15%;
  height:180px;
 border: 5px solid;
  overflow: hidden;
  transform: translateY(10px);transition: 0.5s;
}

div14.gallery img {
  width:100%;
  height:auto;}
  
div13.gallery:hover {
  border: 5px solid gold;
transform: translateY(-10px);transition: 0.5s;
 
}

div13.gallery img {
  width:100%;
  height:auto;

}

.description {
  padding: 5px;
  text-align: center;
}
.square
{height:300px;
width:100%;
background-color:grey;}

div14 {display: block; 
border:solid;
overflow:scroll; 
height:300px;
padding:10px;}


@font-face {                  
font-family: 'CHNOPixel';
src: url(https://humantooth.neocities.org/fonts/CHNOPixelCodePro-Regular.woff) format('woff');}
@font-face {                  
font-family: 'Aber-Mono';
src: url(https://humantooth.neocities.org/fonts/Aber-Mono-Regular.woff) format('woff');
font-weight: normal;}
a:link {
  color: #431130;
  background-color: transparent;
  text-decoration: none;
}