html {
  margin: auto; 
  display: flex;  
  justify-content: center;
  align-items: center;
  text-align: justify;
  background-image: url("wallpaperMaybe.svg");
  background-attachment: fixed;


body{ 
  
  width: 600px; 
  margin: 0 auto;
  font-size: medium;
  background-image: url("body.svg");
  font-family: Verdana, sans-serif;
  /*margin-right: 200px;*/
}


header {
  background-image: url("header.png");
  padding: 125px;
  
  
  /* color: white; */
  
}



nav {
  /*background-image: url("nav.svg");*/
  /*background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(0,0,0,1) 9%, rgba(106,0,126,1) 100%);*/
  background: linear-gradient(to bottom, #b8c6df 0%,#6d88b7 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  overflow: hidden;
  font-size: medium ;
}

nav ul {
  display: flex;
  list-style-type: none;
}
nav ul li {
  padding: 5px 10px;
  margin: 0 5px;
  list-style-type: none;
}

nav img {
  height: 25px;
  width: 25px;
}


p {
  text-indent: 40px;
}

blockquote {
  background-image: url("blockquote.svg");
  font-weight: 900;
  border-left: 5px solid rgb(72, 0, 72)
}

img {
  max-width: 100%;
  height: auto;
}


code {
  
  width: 20%;
  height: 20%;
  background-image: url("code.svg");
  color: #fff;
  
  color: #fff;
  
}

article {
  flex: 1 1 calc(33.33%)
  text-align: center;
  width: 30%;
  box-sizing: border-box;
}
article img {
  width: 150px;
  height: 150px;
  box-shadow: 10px 10px 20px rgba(0,0,0,0.5); 

}
article h3 {
  font-size: 18px;
  margin: 10px 0 5px;
  word-wrap: break-word;
}
article p {
  font-size: 14px;
  margin: 0;
  word-wrap: break-word;
}
.catalog {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  margin: 0 auto;
  max-width: 800px;

}

/*.catalog article img {*/
/*  width: 100%;*/
/*  height: auto;*/
/*  object-fit: cover;*/
/*}*/

.links {
  /*background-image: linear-gradient(355deg, rgba(255,255,255,1) 0%, rgba(255,254,254,1) 0%, rgba(255,255,255,1) 0%);*/
  background: linear-gradient(to bottom, #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


footer {  
  
  background-image: url("footer.svg") ;
  color: white;
  text-align: center;
}