@charset "UTF-8";
/* CSS Document */
html {box-sizing: border-box;}
*,*:before,*:after{box-sizing: inherit;}

#wrapper{
	max-width: 960px;
    margin: 0 auto;
	background-color: #f4f4f4;
}
body{
	font-family: 'Buda',cursive;
	line-height: 1.5;
	margin: 0;
}

aside img{
	width: 150px;
	height: auto;
	align: center;
}


		
header{
  background-image: url("../images/old-book.jpeg");
  background-size: cover;
  background-position: center;
  text-align: center;
  color: #d97e08;
  width: 100%;
  min-height: 120px;
  padding: 20px 0;
}

.site-logo{
	max-width: 120px;
	height: auto;
	display:inline-block;

}

header h1 {
	font-size: 120px;
	font-family: 'Berkshire Swash',cursive;
	text-align: center;
	height: 150px;
	padding-top: 20px;
}

nav {
  background-color: #d97e08;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

nav a {
  display: block;
  padding: 12px 20px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
}

nav a:hover {
  background-color: #cbb99f;
  color: white;
}

main, aside {
  padding: 20px;
}

aside {
  background-color: #c8ae8a;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  color: #000;
  font-family: Arial, sans-serif;
}

aside h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.1em;
  color: #5a4b40 bold;
}

aside p {
  margin: 5px 0;
}

aside a {
  color: #d97e08;
}



footer {
  text-align: center;
  padding: 15px;
  background-color: #5a4b40;
  color: white;
}

@media screen and (min-width: 960px) {


	
  .content {
    display: flex;
    gap: 20px;
  }
  

  main {
    width: 75%;
  }
	aside{
		width: 25%;
	}
}

aside img{
	width: 150px;
	height: auto;
	align: center;
}