@font-face {
  font-family: angelica;
  src: url(https://files.catbox.moe/myo3yn.ttf
);
  }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-image: linear-gradient(transparent, snow), url(hiiiiiii.jpg);
    background-attachment: fixed;
  overflow-x: hidden;
  font-family: 'angel';
  min-width: 1200px;
  max-width: 1200px;
  overflow-y: scroll;
  overflow-x: hidden;
  letter-spacing: 0.3px;
  color: #606060;
    margin-left: auto;
    margin-right: auto;
}

.main {
  background: white;
  width: 850px;
  border: 30px solid;
  border-image: url('about.bg.png') 18 repeat;
  border-image-outset: px;
  border-radius: 30px;
  border-top: 0px;
  border-bottom: px;
  height: auto;
  margin: auto;
  display: box;
  justify-content: center;
    align-items:center;
    flex-direction: column;
}

.banner {
        border-width: 1px;
    border-style: solid;
    border-color: white;
    border-radius: 9px;
    background-image: url(nyyaaa.gif);
    background-size: cover;
    background-position:center;
    object-position: 60%;
    width: 780px;
    height: 170px;
    z-index: 3;
    top: 5px;
    left: 5px;
    box-shadow: 0 0 8px 8px white inset;
    white-space: nowrap;
    overflow: hidden;
    margin-top:3px;
}

.dividers {
    z-index: 100;
}

h1 {
font-family: angelica;
    color:#fde9f2;
    font-size:80px;
    float:left;
    text-shadow: -1px -1px 0 #696969, 1px -1px 0 #696969, -1px 1px 0 #000, 1px 1px 0 #000;
}

.middle {
    width: 100%;
    height: 89%;
    background-image: url(https://i.pinimg.com/736x/e2/23/8d/e2238d90fad6fac93a8e1c423c467096.jpg);
    display: flex;
    padding: 5px;
    gap: 5px;
    box-shadow: inset white 0 0 4px 2px;
}

.left {
    width: 30%;
    height: 500px;
    background-color: #fffcf9;
    border: 3px ridge #ffd8e9;
    border-radius: 10px 10px 3px 3px;
    padding: 3px; 

}

.left-box {
    width: 100%;
    height: 30.5rem;
    border: 2px ridge #fde9f2;
    border-radius: 13px 13px 3px 3px;
    overflow: auto;
    background-image:url(https://i.pinimg.com/736x/f6/72/38/f67238a184cf48dea78ae3dcc441b240.jpg);
    background-size:contain
}

.box1 {
    width: 100%;
    height: 12rem;
    background-color: #fff;
    border: 2px ridge #f0bfd4;
    border-radius:13px;
    padding:10px;
    font-family:monospace;
}

.lala {
    width: 70%;
    height: 500px;
    background-color: #fffcf9;
    border: 3px ridge #ffd8e9;
    border-radius: 10px 10px 3px 3px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-left:auto;
}