body{
    
    height: 100vh;
    background-image: url("/Images/background.png");
    background-size: cover
}

/* grid container */
.containerMain {
  display: grid;
justify-content: center;
  align-items: center;
 width: 900px;
  grid-template-columns:  100%;
  padding: 10px;
grid-template-rows: 30px 160px;
    
gap:1px;
    grid-template-areas:
"ItemNavigation"
"DrawingGalleryIntroduction"
"postboard";

margin: 0 auto;
}
/* grid container */

/* list of items */
.ItemNavigation {
 
    grid-area: ItemNavigation;

}
.DrawingGalleryIntroduction {
    grid-area: DrawingGalleryIntroduction;}

.imageblock{
grid-area:imageblock;
}

/* list of items */

.FlexcontainterNavigation {
display: flex;
align-items: center;
justify-content: center;
height: 25px;
gap: 30px;
background-color: hsl(298.6,89.6%,89.7%, 0.2);
}

a{
color: #ffb4d9;
text-decoration: none;
font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
}

.Navigation:hover{
background-color: rgba(200, 255, 255, 0.1);
    color: white;
    text-shadow: 1px 1px 5px white;
    transition: background-color 0.5s, color 0.5s, text-shadow 0.5s;}

.HobbyIntroduction{
background-color: hsl(298.6,89.6%,89.7%, 0.8);

padding-left: 2%;
color: hsl(265,73.3%,20.6%);
font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
font-size: 15px;

}

.imageblock{
background-color: rgba(229, 103, 199, 0.1);
padding: 0.1%;
margin-top: 3%;
margin-bottom: 3%;
}

.Piece{
    background-color: rgba(243, 196, 245, 0.79);
width: 40%;
height: 40%;
display: block;
  margin-left: auto;
  margin-right: auto;
}

.PieceName{
    background-color: rgba(84, 47, 85, 0.91);
text-align: center;
color: #ffedff;
margin:2%;

font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
}

.PieceDesription{
background-color: rgba(84, 47, 85, 0.91);
color: #ffedff;
margin:2%;
padding: 1%;
font-family: 'Trebuchet MS', sans-serif;
  line-height: 1.5;
  letter-spacing: 1px;
  font-style: italic;  
}