body {
  background-image: url('https://files.catbox.moe/8c5htf.png');
     text-align: center;
      font-family: 'dinkie9px';
  color: #7d79b5;
}

.layout {
  width: 780px;
  height: 600px;
  display: flex;
  font-family: 'dinkie9px';
  color: #4a454f;

margin: auto;
}
 @font-face {
  font-family: 'basiic';
  src: url(https://dl.dropbox.com/scl/fi/agz3u2z7exe3m6tgeuev4/basiic.ttf?rlkey=xn40nrafuylad5yciu1s8cieb&st=mritvdvs&dl=0);
 }
 @font-face {
                font-family: "dinkie9px";
                src: url('https://chairfiles.vercel.app/DinkieBitmap-9px.woff2') format('woff2');
            }

            @font-face {
                font-family: "pixelmplus10";
                src: url("https://chairfiles.vercel.app/PixelMplus10-Regular.woff2") format("woff2");
                font-weight: normal;
                font-style: normal;
            }
#header {
 background: white;
 border:  1px groove white;
 width: 870px;
 height: 220px;
 border-radius: 20px;
 object-fit: contain;
 padding: 5;
 align-content: center;
box-shadow: 0px 0px 5px 1px lightgrey;
}

 #header-img {
   background: url('https://i.pinimg.com/736x/a0/b2/a6/a0b2a6cc839d3fd22d682705bbb62598.jpg') 0 0px;
   height: 200px;
   display: block;
   margin-left: auto;
   margin-right: auto;
   width:760px;
   background-size: fill;
   opacity: 0.4;
 }
  .stamps {
     background: white;
 border:  1px groove white;
 width: 775px;
 height: 50px;
 border-radius: 5px;
 padding: 4px;
  position: absolute;
  transform: translate(0%, 0%);
  text-align: center;
  top: 240px;
  box-shadow: 0px 0px 5px 1px lightgrey;

}
#about-page {
    background: white;
 border:  1px groove white;
 width: 500px;
 height: 405px;
  border-radius: 5px;
 padding: 4px;
 float: right;
 margin-top: 10px;
box-shadow: 0px 0px 5px 1px lightgrey;

}
#about {
 width: 485px;
   font-family: 'dinkie9px';
  color: #7d79b5;
 height: 390px;
 text-align: justify;
 padding: 4px;
 border: 3px dashed #fdedff;
 background: white;
 overflow-y: scroll;
}

#extra {
  width: 250px;
  height: 420px;
   float: left;
 margin-top: 10px;
    font-family: 'dinkie9px';
  color: #7d79b5;
 height: 405px;
   border-radius: 5px;
 padding: 4px;
box-shadow: 0px 0px 5px 1px lightgrey;
    background: white;
 border:  1px groove white;
  overflow-y: auto;

}
#kangel {
width: 960px;
float: left;
margin-top: -51%;
margin-left: -25%;

}
#kangel-fig {
  width: 350px;
float: right;
margin-top: -45%;
margin-left: -15%;

}
#draggable-bg {
  width: 350px;
  height: 240px;
 position: absolute;
  z-index: 9;
  padding: 3;
  border: 1.6px solid #7d79b5;
  background: #d9fff9;
}
#draggable-bg1 {
  width: 350px;
  height: 250px;
 position: absolute;
  z-index: 9;
  padding: 3;
  border: 1.6px solid #7d79b5;
  background: #d9fff9;
}
#draggable-header {
  padding: 6px;
    cursor: move;
  z-index: 10;
  height: 18px;
  width: 325px;
  font-family: 'dinkie9px';
  color: #7d79b5;
  font-weight: 300;
  margin: auto;
  background: #fdedff;
    border: 1.6px solid #7d79b5;
}

#draggable-header1 {
  padding: 6px;
    cursor: move;
  z-index: 10;
  height: 18px;
  width: 325px;
  font-family: 'dinkie9px';
  color: #7d79b5;
  font-weight: 300;
  margin: auto;
  background: #fdedff;
    border: 1.6px solid #7d79b5;
}
#header-holder {
 margin-top: 5px;
}
.minimize {
    padding: 4px;
    text-align: center;
      font-family: 'dinkie9px';
  color: #7d79b5;
  font-weight: regular;
  float: right;
  font-size: 18px;
  height: 15px;
  width: 20px;
  margin-top: -3px;
  text-decoration: none;
  border: 1.6px solid #7d79b5;
  background:#fdedff;
}
.refresh {
    padding: 4px;
    text-align: center;
      font-family: 'dinkie9px';
  color: #7d79b5;
  font-weight: regular;
  float: right;
  font-size: 18px;
  height: 15px;
  width: 20px;
  margin-top: -3px;
  text-decoration: none;
  border: 1.6px solid #7d79b5;
  background:#fdedff;
}
.close {
    padding: 4px;
    text-align: center;
      font-family: 'dinkie9px';
  color: #7d79b5;
  font-weight: regular;
  float: right;
  font-size: 18px;
  height: 15px;
  width: 20px;
  margin-top: -3px;
  text-decoration: none;
  border: 1.6px solid #7d79b5;
  background:#fdedff;
}
#img {
  width: 340px;
  margin-top: 5px;
  border: 1.6px solid #7d79b5;
}
#extrabox {
  width: 775px;
  height: 30px;
  border-radius: 0  0 20px 20px;
  background: white;
 float: right;
 margin-top: 10px;

}

* {cursor: url(https://i.postimg.cc/fTpYCkXh/nso-pointer.png), auto;}
A:hover{cursor: url("https://i.postimg.cc/7Y25x9Cp/nso-link.png"), auto;}