body {
    margin: 0;           
    height: 100vh;          
    display: flex;               
    flex-direction: column;   
    justify-content: center;   
    align-items: center;      
    background-image: url('https://foollovers.com/mat/frill03/h01-bg-lace.gif');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain; 
        background-repeat: repeat-y; 
     background-size: 5%;
    gap: 20px;           
      font-family: 'Willow', sans-serif;
}
		@font-face {
  font-family: 'Willow';
  src: url('willow.ttf') format('woff2'),
       url('willow.ttf') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PIXELS';
  src: url('PIXELS.ttf') format('truetype'); 
  font-weight: normal;
  font-style: normal;
}
 h1 { 
  font-family: 'PIXELS', sans-serif;
 }
.sitting{
top: 120px;
  width: 100px;       
  height: 100px;    
  z-index: 10;  
  position:relative ;
left: 210px;
 
}
.sitting img{
  width: 100px;
  height: 100px;
  
}
.boxtop {
     width: 500px;
    height: 50px;
    background: white;
        margin: 0 auto;   
        text-align: center;
        position: relative;
        top: -5px;
}

.box1 {
    width: 500px;
    height: 400px;
    background: white;
    display: flex;
    position: relative;
  border: 9px solid transparent;
    border-image-source: url("https://scemoboy.carrd.co/assets/images/gallery09/7602b1c2.png?v=00ac4b53");
    border-image-slice: 8 fill;
    border-image-repeat: round;
     
 
}
.box1box{
     width: 470px;
    height: 370px;
    border: 3px solid hotpink;
    background: white;
    position: absolute;
       box-sizing: border-box;
       bottom:15px;
       right: 15px;
        display: flex;
         gap: 5px;
}
.boxbig{
  width: 465px;
  height: 328px;
  position: absolute;
  border: 2px solid green;
      box-sizing: border-box;
  gap: 5px;
  background: url("https://i.pinimg.com/736x/f0/81/bf/f081bf40ebca7d11fb29de36dbf9e764.jpg");
  background-size: 50%;
  overflow: auto;
  padding-left: 5px;
}
.menu{
       width: 100%;
    height: 31px;
    background: white;
        text-align: center;
margin: 0px;
position: absolute;
bottom: 0px;
border: 3px solid red;
box-sizing:border-box ;
}
.boxbottom{
      width: 500px;
    height: 50px;
    background: white;
        text-align: center;
margin: 0px;
position: relative;
bottom: 5px;
}
.soramimi {
  position: fixed;
  width: 250px; 
  height: 250px; 
  bottom: 40px; 
  right: 0px; 
  z-index: 999;   
  pointer-events: auto; 
  cursor: pointer;
  transform: translateX(-90%); 
  background: url("https://postimg.cc") no-repeat center right;
  background-size: contain;
}
.soramimi::after {
  content: "please check out Kitschy's beautiful site <3"; 
  position: absolute;
  top: 40px;      
right: -200px;    
  background: white;
  padding: 6px 12px;
  border: 3px solid pink;
  color: #555;
  font-family: 'Willow', sans-serif;
  font-size: 14px;
  white-space: nowrap;
  display: none; 
  pointer-events: none;
}

.soramimi:hover::after {
  display: block; 
}

.soramimi:hover::after {
  display: block; 
}