CSS коржопиков

@import url('https://fonts.googleapis.com/css2?family=Jura&display=swap');
html {
    font-size: 10px;
font-family: 'Jura', sans-serif;
background-color: white;
}
h1 {
     font-size: 100px;
     margin-bottom: 5px;
     margin-top: 5px;
     color: #6e1700;
}
h2 {
     font-size: 70px;
     margin-bottom: 5px;
     margin-top: 5px;
     color: #6e1700;
}
h3 {
     font-size: 20px;
     margin-bottom: 5px;
     margin-top: 5px;
     color: #6e1700;
}
h4 {
     font-size: 20px;
     margin-bottom: 5px;
     margin-top: 5px;
     color: #6e1700;
}
p {
     font-size: 15px;
     margin-bottom: 5px;
     margin-top: 5px;
     color: #6e1700;
}
.container-main {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 800px;
     height: 900px;

}
#container {
  display: flex;
  /*align-items: flex-start;*/
  flex-direction: column;
  justify-content: center;

}
#container-shop {
    flex: 1;
    background-color: #ecc6a5;
}
#container-upgrade {
  display: flex;
  justify-content: center;
}
#container-upgrade div {
  padding: 10px;
  border: 5px solid #ecc6a5;
}

#container div {
  padding: 10px;
  border: none;
}
#box1 {
    flex: 1;
    background-color: #f7e7dc;
    text-align:center;
}

#container-box3 {
    flex: 1;
    background-color: #fdfaf4;
    text-align:center;
}
#box3-1 {
    flex: 1;
    background-color: #fdfaf4;
}
#box4 {
    flex: 1;
    background-color: #f7e7dc;
}
#box5 {
    flex: 1;
    background-color: #f7e7dc;
    text-align: center;
}

#box5-1-1 {
    flex: 1;
    background-color: #f4e0cb;
    justify-content: flex-start;
}
#box5-1-2 {
    flex: 1;
    background-color: #de9f68;
    flex-basis: 50%;
}
#box5-1-3 {
    flex: 1;
    background-color: #d1884d;
    text-align:center;
}
#box-white {
     flex: 1;
}
#box-white div {
     width: 10x;
     height: 10x;
}
#box6 {
    flex: 1;
    background-color: #de9f68;
    text-align:center;
}