@import url('https://fonts.googleapis.com/css2?family=Gaegu&display=swap');



html {
  background-color:#ffdfe6;
  padding:25px;
}

:root{
  --black: #000;
  --white: #fff;
  --pink: #ffdfe6;
--dark-pink: #ff6985 ;
  font-size: 14px; 
}

body {
  width:900px;
  border:3px solid #ff6985;
  margin:0 auto;
  background-color:#ffffff;
  font-family:'Gaegu', sans-serif;

}

header { 
  display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
	text-align:center;
	background-color: var(--pink);
	color: var(--dark-pink);
}

footer {
  background-color:#ff6985;
  color:#ffffff;
  border:1px solid #ff6985;}

header img { width: 200px;
padding:  10px;
  }
  
  nav {font-size: 18px;}

nav li {
  display:inline-block;
  width:125px;
  
}

#construction img {
 width:200px;}
 
 #gallery { 
   display:grid;
   grid-template-columns: repeat(3, 1fr);
   padding: 10px;
   gap: 10px;
 }
		
		#gallery img {width:100%
		;}

/* .section2 img {
  width:200px;
  float:right;
  margin:0 0px 20px 20px;
} */

main, aside {
  padding: 0 25px;
}

section {
  clear:both;
}
aside section {
  display:inline-block;
  width:280px;
  background-color:#444444;
  color:#ffffff;
  margin-bottom:25px;
}

nav h2 {
  visibility:hidden;
  height:1px;
}
nav a, nav a:visited, nav a:link {
  text-transform:uppercase;
  text-decoration:none;
  color: var(--dark-pink);
  font-weight:bold;
  padding:10px;
}

nav a:hover {
  background-color: var(--dark-pink);
  color: var(--white);
}


q, blockquote {
  font-style:italic; 
  font-weight:bold;
  font-size:1.25em;
  color:#ff6985;
}
blockquote {
  border-left: 2px solid #ffb310;
  padding-left:5px;
  margin-left:0;
}
h1, h2, h3, p, ul {
  padding:5px;
  line-height:1.5em;
}

h2 {color: var(--dark-pink);}
small {
  font-style:italic;
  display:block;
  text-align:center;
}