/* 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-color:	 #86472d;
  background-image:url("https://ueberm0rgen.neocities.org/buch-min.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: scroll;
  background-size:100%;


  }
 
  main {
	width:80%;
  margin-left: auto;
  margin-right: auto;
  margin-top:7%;
 padding-bottom:5%; 
  height:100%;
   
  }
  

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

aside {
	text-align:center;

	margin-left:-20px; 
}

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:190px;
 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-color:black;

}

div8 {
  color:#431130;
width:40%;
	display: block;
  float:left; 
  margin-left: 3%;
margin-right:3%;
  margin-top:2%;
  
}
div17 {
  color:#431130;
width:50%;
	display: block;
  float:left; 
  margin-left: 2%;
padding-bottom: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-right:50px;
    margin-top:10px;
background-color:#ffa7a7;
	border-color:#613030;
	box-shadow:2px 2px 2px 2px  #9e4131;
	 rotate: 10deg;}
	
div9{
 color:#431130;
	display: block;
  float:left; 
	width:20%;}
	
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{color:#431130;
	display: block;
  
  float:left; 

  margin-left:-15px;

width:100%;}	
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-right:17px;
margin-bottom:17px;
  float: left;
  width:40%;
  height:250px;
 border: 5px solid;
  overflow: hidden;
  transform: translateY(10px);transition: 0.5s;
}

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;
}





@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;
}