body{
background-image: url(26.jpg);
background-size:20%;
font-family: gamja flower, cursive;
font-size: 20px;
font-style: oblique;
color: #10233f;
}

.container {
  display: grid;
  grid-template-areas:
    "left1 nav right1"
    "left1 main right1"
    "left2 main right2";
  grid-template-columns: 30px 700px 400px;
  grid-template-rows: 200px 200px 200px;
  gap: 10px;
  padding: 10px;
  margin: 50px auto; 
  justify-content: center;
    box-sizing: border-box;
}

.nav {
  grid-area: nav;
  border: #3c5e91 2px solid;
  border-radius: 5px;
  height: 200px;
}
.main {
  grid-area: main;
  border: #a15478 2px solid;
  border-radius: 5px;
  height: 410px;
}
.right1 {
  grid-area: right1;
  border: #d1ab65 2px solid;
  border-radius: 5px
}
.right2 {
  grid-area: right2;
  border: #1f6130 2px solid;
  border-radius: 5px
}