body{
  background: url('/img/microdot5.png') 0px 0px / 10px;
}
}
@font-face{
font-family: kdot;
src: url('https://dl.dropbox.com/scl/fi/ssfdvahgnsorkfq6jv8di/KH-Dot-Kodenmachou-16.ttf?rlkey=x3wp4lut4qg4ypvde370v1hsm&dl=0');
}
@font-face{
font-family: jdot;
src: url('https://dl.dropbox.com/scl/fi/c2ff7te38d9bj2cgnhjnq/JF-Dot-Shinonome14.ttf?rlkey=0ipbqowhfju8z2povvpncoenm&dl=0');
}
@font-face{
font-family: 'spirit';
src:url(https://dl.dropbox.com/scl/fi/bqitfm4rr6tfgt3ea2jrq/Spirit.ttf?rlkey=r8hrj9c01d3cmv2iqt3vxm9tp&dl=0);
}
.out-holder{
   width: 700px;
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
  
}
.float{
  background:  white;
  mask-image: radial-gradient(black,transparent,transparent);
  position: absolute;
  top:  -220px;
  left: -320px;
  height: 800px;
  width: 700px;
}
.holder{
  
  width: 700px;
  margin: 0 auto;
  background: url('/img/backgroundmicro3.png');
  border-radius: 10px;
  padding:  41px 21px 21px 21px;
  box-shadow: -5px -5px 4px inset #00000033, 3px 3px 3px inset #ffffff55;
  position: relative;
}
.eyelet{
position: absolute;
  top: 0px; right: 0px;
  z-index: 10;
  pointer-events: none;
  
}
.pandachii{
  width: 164px;
  height: 299px;
  position: absolute;
  top: 20px; right: -101px;
  z-index: 30;
  pointer-events: none;
  
}
.strap{
  width: 70px;
  background: url('/img/backgroundmicro3.png');
  border-radius: 40% 40% 0px 0px;
  
  box-shadow: 5px 5px 4px inset #00000033, -3px 3px 3px inset #ffffff55;
  height: 110px;
  position: absolute;
  top: 210px; left: -90px;
  transform:rotate(-90deg);
  overflow: hidden;
}
.snap{
  image-rendering: pixelated;
  

}
.stars{
  background: url('/img/starsdot.png') 0px 0px / 20px;
  height: 100%; width: 100%;
  position: absolute;
  top: 0px; left: 0px;
  mix-blend-mode: soft-light;
}
.text-area{
  
  position: absolute;
  top: 0px; left: 85px;
  z-index: 40;
}
.text-area h2{
  font-family: 'spirit';
  display: inline;
  font-size: 43px;
  font-weight: 100;
  color: white;
  text-shadow: -1px 0 #FDBFD3, 0 1px  #FDBFD3, 1px 0  #FDBFD3, 0 -1px  #FDBFD3, 0 0;
 
}
.lady{
  
}
.stream{
  width: ;
  display: flex;
  margin: 0 auto;
  justify-content: center;
  position: relative;
  
}
.stream > div{
  width: 48%;
  background: linear-gradient(#F7FDF2, white);
  height: 500px;
 
  position: relative;
  border: 3px solid white;
  box-shadow: 0px 0px 4px inset #BFD7E6, 0px 0px 2px #00000022;  border-image-source: url('/img/border32321.png');
  border-image-outset: 5px;
  border-image-slice: 20;
  border-image-width: 6px;
  border-image-repeat: round;
  position: relative;
  
}
.hr, .hr-lower{
  width: 100%;
  height: 30px;
  background: url('/img/griddy.png');
  position: absolute;
  left: 0px; 
  z-index: 10;
  mix-blend-mode: multiply;
}
.hr-lower{
  bottom: 0px !important;
  
}
.ring{
  height: 480px;
  width: 24px;
  position: absolute;
  top: 10px; right: -20px;
  background: url('/img/ring322.png') 0px 0px / cover;
  image-rendering: pixelated;
  z-index: 30;
}
.bg{
  width: 100%;
  height: 100%;
  background: url('/img/pooftie2.png') no-repeat;
  opacity: .3;
  image-rendering: pixelated;
  position: absolute;
  mix-blend-mode: multiply;
}
.entry{
  width: 90%;
   
  height: 440px;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
  overflow-y: scroll;
 
}
.entry::-webkit-scrollbar {
  display: none;

  
}
.entry > div{
  width: auto;
  
  background: url('/img/microdot3.png') 0px 0px / 10px;
  margin: 10px;
  padding: 5px;
  border-radius: 10px;
  background: radial-gradient(white,#FFEEF5);
  border: 3px solid #FFF;
  box-shadow: 0px 0px 3px inset #fff, 0px 0px 3px inset #fff, 0px 0px 3px inset #fff, 0px 0px 3px inset #FFDAE8, 0px 1px 3px #00000055;
  position: relative;
  overflow: hidden;
}
.date{
  background: none;
  border-bottom: 1px dashed hotpink;
  width: 95%;
}
.entry-date{
  font-family: jdot;
  color: #97BCFF;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 2px;
  display: inline;
  text-shadow: -1px 0 #B8E8FF, 0 1px  #B8E8FF, 1px 0  #B8E8FF, 0 -1px  #B8E8FF, 0 0;
}
.mood{
  color: #FFFBE4;
  text-shadow: -1px 0 #FF91BD, 0 1px  #FF91BD, 1px 0  #FF91BD, 0 -1px  #FF91BD, 0 0;  
  font-weight: 600;
  font-family: arial;
  font-size: 15px;
}
.entry-yap{
  font-family: ms pgothic;
  font-size: 13px;
  padding: 10px;
  letter-spacing: 1px;
  text-shadow: -1px 0 #fff, 0 1px  #fff, 1px 0  #fff, 0 -1px  #fff, 0 0;  
  color: #CB958D;
  
}
.trim{
  position: absolute;
  width: 11px;
  min-height: 100px;
  background: url('/img/startrim.png') 0px 0px / contain;
  top: 0px; right: 0px;
  mix-blend-mode: multiply;
  opacity: .4;
}
.date img{
  height: 14px;
  margin-bottom: -1px;
}
.bottom-area, .footer{
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-family: arial;
  font-size: 12px;
  font-weight: 600;
  color: #97BCFF;
 
}
.bottom-area a, .footer a{
  color: #FF91BD;
  text-shadow: none;
}

.footer{
  width: 700px;
  margin: 0 auto;
  text-align: center;
  font-family: arial;
  font-weight: 600;
  font-size: 13px;
 
  padding: 10px;
}