body {
  height: 100vh;
  margin: 0;
  color: white;
  font-family: "BaksoSapi";
  justify-content: center;
  align-items: center;
}
 



h2{
  font-size: 30px;
  color: #36150e;
}
.c{
  text-align: justify;
}
.b{
  text-align: center;
}
.a{
  color: #36150e;
}

   aside {
                background-image: url('https://i.pinimg.com/736x/20/c5/79/20c579d5ec98b7b7ebda541dcafea17b.jpg');
                width: 200px;
                 border: 25px solid transparent;
   border-image: url("https://i.postimg.cc/WzSfpyFv/border3.png") 20 round;
   border-image-outset:10px;
                padding: 20px;
                font-size: smaller;
                margin: 10px 3px 10px 150px
            }
  #flex {
     display: flex;
}

 .box {
                background-color: #36150e;
                border: 1px dotted #fff1d4;
                padding: 10px;
            }
main {
   flex: 1;
   order: 2;
   border: 25px solid transparent;
   padding: 15px;
   border-image: url(https://i.postimg.cc/zBYGNy14/442aee4b336237dd72a41f626e9d355b867454a8.png) 50 stretch;
   border-image-outset:5px;
   background-color: #fff1d4;
   margin: 10px 150px 10px 3px;
   color: #36150e;
}

                #leftSidebar {
                    order: 1;
                }

.wavy-text {
  text-decoration-line: underline;
  text-decoration-style: wavy;
}

.wavy span {
  display: inline-block;
  animation: wave 2s ease-in-out infinite;
}
.wavy span:nth-child(1) {
  animation-delay: 0s;
}
.wavy span:nth-child(2) {
  animation-delay: 0.2s;
}
.wavy span:nth-child(3) {
  animation-delay: 0.4s;
}
.wavy span:nth-child(4) {
  animation-delay: 0.6s;
}
.wavy span:nth-child(5) {
  animation-delay: 0.8s;
}
.wavy span:nth-child(6) {
  animation-delay: 1s;
}
.wavy span:nth-child(7) {
  animation-delay: 1.2s;
}
.wavy span:nth-child(8) {
  animation-delay: 1.4s;
}

@keyframes wave {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}