@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

body {
  background-color: #FBD6D7;
  background-image: url(/img/8-pink.gif);
  /*background-image: url(/chuialice/datwpfo-18b9f5e3-359f-4b2b-9d8e-0e56847dc1f2.png);*/
  color: #AFB7AF;
  /*font-family: 'Kosugi Maru', sans-serif;*/
  font-family: 'MS Gothic', verdana;
  cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;
  justify-content: center;
  align-items: center;
  overflow-x:hidden;
  
}

div {
  /*cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat996.cur), auto;*/
  }

.kotak {
  position: absolute;
  z-index: 1;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  margin-top: 10px;
  background-color: #FDF5E6;
  color: #808080;
  border: solid 1px;
  border-radius: 20px;
  border-color: #AFB7AF;
  width: 450px;
  height: 200px;
  padding-top:10px;
  -moz-box-shadow:    inset 0 0 3px #AFB7AF;
   -webkit-box-shadow: inset 0 0 3px #AFB7AF;
   box-shadow:         inset 0 0 3px #AFB7AF;
   text-align:center;}


/* ------------------------------------------------- */

/* links */   

a, a:active, a:visited {
    transition:500ms;
    -o-transition-transition:500ms;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    text-decoration:none;
    color:#C9444B;
    cursor: crosshair;
    font-family: 'Kosugi Maru', sans-serif;
}
 
a:hover {
    transition:500ms;
    -o-transition-transition:500ms;
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    text-decoration:none;
    color:#B09090;
    cursor: crosshair;
}
/* ------------------------------------------------- */

/* box? box! yang asli ada di folder ini */

.box21 {
margin:auto; /* 中央寄せは0をautoに変更 */
width:450px /* 幅 */
}
.u01 {
background:url(/img/frame-lace/f-ue.gif) repeat-x;
height:23px;
margin:0 23px
}
.s01 {
background:url(/img/frame-lace/f-sita.gif) repeat-x;
height:23px;
margin:0 23px
}
.box-top {
background-image:url(/img/frame-lace/f-kado1.gif), url(/img/frame-lace/f-kado2.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:23px
}
.box-center {
background-image:url(/img/frame-lace/f-migi.gif), url(/img/frame-lace/f-hidari.gif);
background-position:top right, top left;
background-repeat:repeat-y, repeat-y
}
.box-inner {
background:#ffd6da; /* 背景色 */
margin:0 23px
}
.box-bottom {
background-image:url(/img/frame-lace/f-kado3.gif), url(/img/frame-lace/f-kado4.gif);
background-position:top left, top right;
background-repeat:no-repeat, no-repeat;
height:23px
}


/* skrol */
::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: linear-gradient(180deg, rgba(255,201,201,1) 0%, rgba(255,163,110,1) 20%, rgba(254,255,146,1) 40%, rgba(211,246,169,1) 60%, rgba(159,255,219,1) 80%, rgba(0,212,255,1) 100%);
}

::-webkit-scrollbar-thumb {
  background: transparent;
  box-shadow: 0px 0px 0px 100000vh #ffe5b4;
  border: dotted 1px #f98e7e;
  }

/* ------------------------------------------------- */

/* selek */
::-moz-selection{
background: #FCECF8;
color: #EB758D;
}

::selection {
background: #FCECF8;
color: #EB758D;
}
/* ------------------------------------------------- */