body{
        background-color: #442b27;
        accent-color: #2a1815;
        background-repeat: repeat-x repeat-y;
        font-size: 15px;
        text-align: center;
        color: #442d1c;
        font:"Homemade Apple", cursive;
        }
.sidebar{
  gap:5px;
}
.homemade-apple-regular {
  font-family: "Homemade Apple", cursive;
  font-weight: 400;
  font-style: normal;
}
#box1{
  background: #fcefc9;
  margin-left:20px;
  margin-top: 1%;
  padding: 5px;
  width:200px;
  border-inline:2px dashed #2a1815;
  outline: 5px solid #fcefc9;
  position: fixed;
  z-index:99;
  height:max-content;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 10px 10px #2a1a15;
}
#box2{
  background: #fcefc9;
  margin-left:20px;
   margin-top: 19%;
  padding: 5px;
  width:200px;
  border-inline:2px dashed #2a1815;
  outline: 5px solid #fcefc9;
  position: fixed;
  z-index:99;
  height:max-content;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 10px 10px #2a1a15;
}
.flex{ 
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.title{
  justify-content: center;
  font-size: 20px;
  padding:10px;
  background-color: #9a6e55;
  padding: 5px;
  width:180px;
  margin: auto;
  z-index:99;
  height:max-content;
  overflow-y: auto;
  border-radius: 3px;
  overflow: hidden;
}
::-webkit-scrollbar{
  background-color: transparent;
}
section{
    background: #fcefc9;
  margin-left:50px;
   margin-top: 19%;
  padding: 5px;
  width:200px;
  border-inline:2px dashed #2a1815;
  outline: 5px solid #fcefc9;
  position: fixed;
  z-index:99;
  height:max-content;
  overflow-y: auto;
  border-radius: 3px;
  box-shadow: 10px 10px #2a1a15;
}