body {
  margin: 0;
  font-family: basiic;
  
}

@font-face {
font-family: basiic;
src: url(https://dl.dropboxusercontent.com/scl/fi/irkxr6v7mr34i4wkqiu19/basiic.ttf?rlkey=jnur9cl3ktl0i4wx062awdkqg&st=7q770e7f&dl=0);
}

#lacehome {
  background-image: url('lace1.gif');
  background-repeat: repeat-x;
  height: 65px;
  position: static;
}

.container {
  width: 800px;
  height: fit-content;
  margin: auto;
  padding-top: 30px;
  /* background: whitesmoke; */
}

.cont {
  display: flex;
  height: fit-content;
  outline: 1px solid #8b674d;
  background: white;
  width: 800px;
  border-radius: 5px;
}

.right {
  background: #fff7f0;
  width: 200px;
  height: 600px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.middle {
  background: #ffffff;
  width: 598px;
  height: 600px;
  border-right: 1px solid #8b674d;
  overflow: auto;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.navi {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 7px;
}

.navi a {
    text-decoration: none;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-shadow: -1px -1px 0 #ff8da9, 1px -1px 0 #ff8da9, -1px 1px 0 #ff8da9, 1px 1px 0 #ff8da9;
    background: linear-gradient(#ffb5c1, #ffd5ee);
    border: 2px solid white;
    outline: 1px solid #ffb5c1;
    border-radius: 10px;
    line-height: 34px;
    text-align: center;
    height: 34px;
    width: 120px;
    font-weight: bold;
}

.navi a:nth-child(5n + 2) {
    text-shadow: -1px -1px 0 gold, 1px -1px 0 gold, -1px 1px 0 gold, 1px 1px 0 gold;
    background: linear-gradient(#ffef5c, #ffff8b);
    outline-color: #ffed4d;
}

.navi a:nth-child(5n + 3) {
    text-shadow: -1px -1px 0 #56ec6a, 1px -1px 0 #56ec6a, -1px 1px 0 #56ec6a, 1px 1px 0 #56ec6a;
    background: linear-gradient(#89ff6c, #d3ff82);
    outline-color: #89ff6c;
}

.navi a:nth-child(5n + 4) {
    text-shadow: -1px -1px 0 #60b2ff, 1px -1px 0 #60b2ff, -1px 1px 0 #60b2ff, 1px 1px 0 #60b2ff;
    background: linear-gradient(#7ad9ff, #89edff);
    outline-color: #7ad9ff;
}

.navi a:nth-child(5n + 5) {
    text-shadow: -1px -1px 0 orchid, 1px -1px 0 orchid, -1px 1px 0 orchid, 1px 1px 0 orchid;
    background: linear-gradient(#f186ff, #ffabfb);
    outline-color: #f186ff;
}

.space {
    width: 155px;
}

#soni{
  width:240px;
  height:240px;
  position:relative;
margin-top:5px;
float:left;
background-size:100%;
box-shadow: 0 0 8px 8px white inset;
    background-position: top 25% right 4%;
background-image:url(https://files.catbox.moe/9re8bk.png);
}