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

@font-face {
  font-family: 'Kinkee';
  src: url('Kinkee.woff2') format('woff2'),
       url('Kinkee.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Zpix';
  src: url('Zpix.woff2') format('woff2'),
       url('Zpix.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
}



body {
  font-family: 'Zpix','DotGothic16', sans-serif;
  background-image: url('awesomebg3.jpg');
  background: radial-gradient(#ebcbdd, #ffffff);
  color: #222;
  margin: 0;
  padding: 0;
  overflow-x: auto;
  display: flex;
  justify-content: center;
}

#boxdeco {
  position: absolute;
  width:50px;
  top: 750px;
  left: -120px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#lace1 {
  top: 500px;
  left: 240px;
  position: absolute;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}

#boxdeco img {
  width:800px;
  pointer-events: none;
   filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}

#flyingchiikawa {
  position: absolute;
  width:50px;
  top: 0px;
  left: -190px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}


#flyingchiikawa img{
  position: absolute;
  width:175px;
  top: 650px;
  left: 850px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#flyingchiikawa2 {
  position: absolute;
  width:50px;
  top: 0px;
  left: -170px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}


#flyingchiikawa2 img{
  position: absolute;
  width:175px;
  top: 350px;
  left: 270px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
  rotate: -15deg;
}

#heartbubble {
  position: absolute;
  width:50px;
  top: 480px;
  left: 310px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#heartbubble img {
  position: absolute;
  width:100px;
  top: 0px;
  left: -170px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
       filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}

.middle {
  background-image: url(pinkdetail.jpg);
  width: 500px;
  height:auto;
  align-items: center;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #c78199;
}

.row-three { 
  display: flex;
  justify-content: left;

  width: 920px;
}

.middle2 {
  background-image: url(pinkdetail.jpg);
  width:360px;
  height:auto;
  align-items: center;
  margin: auto;
  margin-bottom: 20px;
  margin-top: 20px;
  padding: 10px;
  border: 1px solid #c78199;
}
.lacetext {
  margin: 20px;
  border: 15px solid #c78199;
  border-radius: 30px;
  border-image: url(pixelborder.png) 8 round;
  border-image-outset: 10px;
  background-color: white;
  box-shadow: inset 0px 0px 20px rgba(220, 177, 192, 0.75);
    padding: 10px;
  overflow-y: scroll;
  height: 100px;
  font-size: 13px;
  width: 400px;
}

.cliques {
  background-color: white;
  overflow-y: scroll;
  height: 80px;
  justify-content: center;
  text-align: center;
  padding: 10px;
  border: 1px, solid, #d19eaf;
  margin-top: 10px;

}

.cliques p {
  font-size: 12px;
}
.container {
  width: 920px;
  margin-top: 10px;
  padding-top: 0px;
  margin-bottom: 100px;
  border-radius: 15px;
  outline: 5px solid;
  outline-color: #dcb1c0;
  border: 5px #e4c8d2 solid;
  padding: 20px;
  background-color: #ffffffcc;
  position: relative;
  padding: auto;
}



.mainbanner {
  width: 910px;
  height: 200px;
  display: block;
  position: sticky;
  background-image: url(banner.png);
}

#bannertext {
  text-align: center;
  vertical-align: middle;
  color:#dcb1c0;
  font-size: 90px;
  font-family: 'Kinkee', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  filter: drop-shadow(0 0 2px white)
drop-shadow(0 0 3px white)
drop-shadow(0 0 4px white)
drop-shadow(0 0 5px white)
drop-shadow(0 1px 1px #00000032);


}

.row-one {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: auto;
}

.row-two {
  display: flex;
  justify-content: space-between;
  height: auto;
}

#nav {
  width: 180px;
  background-image: url(cutebackground.jpg);
  border: 1px solid #c78199;
  flex-shrink: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 440px;
}

#commentbox {
  width: 200px;
  background-image: url(cutebackground.jpg);
  border: 1px solid #c78199;
  height: 350px;
  align-items: center;
  justify-items: center;

}

#commentbox iframe {
  margin:auto;
  width: 180px;
  height: 300px;
}

.right {
  width: 190px;
  background-image: url(pinkdetail.jpg);
  border: 1px solid #c78199;
  height: 240px;
  flex-shrink: 0;
  margin-bottom: 10px;
  padding:auto;
}
.right img {
  margin:auto
}

.right2 {
  width: 190px;
  background-image: url(pinkdetail.jpg);
  border: 1px solid #c78199;
  height: 187px;
  flex-shrink: 0;
}

#rightnow {
  width: 150px;
  background-image: url(pinkdetail.jpg);
  border: 1px solid #c78199;
  height: 350px;
  flex-shrink: 0;
  margin-bottom: 10px;
  padding:auto;
}

#hey,
#hey2, #hey3 {
  border: 1px #c78199 solid;
  border-radius: 10px;
  background-color: white;
  padding: 5px;
  margin-top: 20px;
  margin: 10px;
}

#hey3 {
  background-color: white;
  box-shadow: inset 0px 0px 20px rgba(220, 177, 192, 0.75);
  overflow-y: scroll;
  height: 280px;
  font-size: 13px;
  width: 120px;
  text-align: center;
}

#hey4 {
  background-color: white;
  box-shadow: inset 0px 0px 20px rgba(220, 177, 192, 0.75);
  overflow-y: scroll;
  height: 280px;
  font-size: 13px;
  width: 430px;
  text-align: center;
  padding: 10px 20px 20px 20px;
  border: 1px solid #c78199;
  
}

#maindish img {
  width: 250px;
}

#holdmychildren {
  display: flex;
  justify-content: space-between;
}

#nav h2 {
  text-align: center;
  font-size: 18px;
}

.navtitle {
  background-image: url(BG.jpg) !important;
  text-align: center;
  height: 40px;
}

.navlink {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 14px;
}

.navlink img {
  width: 24px;
  margin-right: 8px;
}

#box {
  width: 485px;
  padding: 20px;
  background-image: url(woohooyay.jpg);
  background-size: 50%;
  border: 1px solid #c78199;
  background-repeat: repeat-x;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 400px;
}

#box2 {
  width: 495px;
  padding: 20px;
  background-image: url(woohooyay.jpg);
  background-size: 50%;
  border: 1px solid #c78199;
  background-repeat: repeat-x;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 310px;
}

#box2 p {
  text-align: center;
  font-size:13px;
}

#statuscafe {
    padding: .5em;

}
#statuscafe-username {
    margin-bottom: .5em;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
}

.welcomeimage {
  float: left;
  width: 85px;
}
#welcomeimage2 {
  float: left;
  width: 20px;}
.welcomewelcome h3 {
  top: 10px;
  font-family: 'kinkee', cursive;
  text-align: center;
  font-size:30px;
  color:#c598a8;
  color:#dcb1c0;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
}

#white .title {
  font-size: 35px;
}

#yooo {
  font-size: 60px;
  text-align: justify;
}


#box p {
  font-size: 12px;
  text-align: center;
}

.pleaseread {
  background-image: url(pinkdetail.jpg);
  padding: 10px;
  border-radius: 10px;
}

#welcometext {
  margin: 20px;
  border: 15px solid #c78199;
  border-image: url(pixelborder.png) 8 fill round;
  border-image-outset: 10px;
  background-color: white;
  overflow-y: scroll;
  height: 180px;
}



.scrolly {
  border: 1px solid #c78199;
  display: flex;
  font-size: 12px;
  flex-direction: column;
  background-color: white;
  width: 160px;
  justify-content: center;
  align-content: center;
  text-align: center;
  align-items: center;
  margin: auto;
  border-radius: 15px;
}

#kiryumeow {
  width:160px;
  border: 1px solid #c78199;
  border-radius: 15px;

}
#bannerdeco {
  position: absolute;
  width:50px;
  top: -40px;
  left: 820px;
  z-index: 200;
  rotate: 15deg;
  opacity: 100;
  pointer-events: none;
}

#bannerdeco img {
  width:300px;
}

#deco1 {
  position: absolute;
  width:50px;
  top: 0px;
  left: -150px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#pearlsanddeco {
  position: absolute;
  width:50px;
  top: -30px;
  left: -40px;
  z-index: 1000;
  opacity: 100;
  pointer-events: none;
  
}

#goober {
  position: absolute;
  width:50px;
  top: 820px;
  left: 650px;
  z-index: 1000;
  opacity: 100;
  pointer-events: none;
  
}

#goober img { 
  width:250px;}

#evilgoober {
  position: absolute;
  width:50px;
  top: 560px;
  left: 105px;
  z-index: 1000;
  opacity: 100;
  pointer-events: none;
  rotate: -15deg;
  
}

#bowwie {
  position: absolute;
  width:50px;
  top: 480px;
  left: 20px;
  z-index: 1000;
  opacity: 100;
  pointer-events: none;
  
}

#bowwie img {
  width:400px
}
#evilgoober img { 
  width:125px;
filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);}

#pearlsanddeco img {
  width:350px;
}

#deco1 img {
  width:300px;
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25));
  pointer-events: none;
}

#deco2 {
  position: absolute;
  width:50px;
  top: 0px;
  right: 130px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#deco2 img {
  width:300px;
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25));

}

#deco3 {
  position: absolute;
  width:50px;
  top: 660px;
  right: 1080px;
  z-index: 250;
  opacity: 100;
  pointer-events: none;
}

#deco3 img {
  width:500px;
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25));
  
}

#decoblog1 {
  position: absolute;
  width:50px;
  top: 400px;
  right: 90px;
  z-index: 250;
  opacity: 100;
  pointer-events: none;
}

#decoblog1 img {
  width:300px;
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25)) ;
  
}

#decoblog2 {
  position: absolute;
  width:50px;
  top: 0px;
  left: -360px;
  z-index: 250;
  opacity: 100;
  pointer-events: none;
}

#decoblog2 img {
  width:430px;
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25)) ;
  
}

#decoblog3 {
  position: absolute;
  width:50px;
  top: 0px;
  left: -360px;
  z-index: 250;
  opacity: 100;
  display: block;
  background-color: white;
  height: 185px;
  width: 235px;
  border: 2px solid #c598a8;
  border-radius: 80px;
  justify-content: center;
  justify-items: center;
  text-align: center;
  padding: 10px;
}

#decoblog3 img {
  width:430px;
  
}

#decoblog3 p {
  font-size: 13px;
}
#decoblog4 {
  position: absolute;
  width:50px;
  top: 154px;
  left: -200px;
  z-index: 250;
  opacity: 100;


}

#IMUSINGTHEINTERNET {
      filter: sepia(100%) hue-rotate(285deg) saturate(45%) brightness(102%);
  margin: auto;
  justify-self: center;
  margin-left: 20px;

}

#decoblog4 img {
  filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25)) ;
  
}

#decoblog5 {
  position: absolute;
  width:10px;
  top: 500px;
  left: 530px;
  z-index: 250;
  opacity: 100;


}

#decoblog5 img {
  width: 150px;
  filter: brightness(100%);  
}


#switchbutton {
  position: absolute;
  width:10px;
  top: 797px;
  right: 1070px;
  z-index: 270;
  opacity: 100;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}




#ytPlayer  {
  position: absolute;
  top: 770px;
  width: 260px;
  right: 735px;
  z-index: 150;
  opacity: 100;
  rotate: -10deg;
    filter: sepia(100%) hue-rotate(275deg) saturate(50%) brightness(90%);

}

#ytPlayer:hover  {
  filter: none;
}



#pinkvidoverlay  {
  position: absolute;
  top: 770px;
  width: 260px;
  right: 745px;
  z-index: 160;
  background-color: rgba(255, 105, 180, 1); /* pink with 30% opacity */
  pointer-events: none; /* so clicks pass through to the iframe */
  z-index: 200;
  display:block;
  rotate: -10deg;
  opacity: 0;

}

#pinkvidoverlay img {
  position: absolute;
  width: 270px;
  height: 165px;
  opacity: 0.4;
  z-index: 160;
  pointer-events: none; /* so clicks pass through to the iframe */
  display:block;
}

#pinkvidoverlay img:hover  {
opacity: 0;
}
.titlestyle {
  background-image: linear-gradient(#d19eaf, #ddb6c3, rgb(219, 177, 177));
  border-radius: 15px;
  font-size: small;
  align-self: center;
  text-align: center;
  margin: 10px;
}
#floatingchiikawa {
  position: absolute;
  top: 700px;
  right: 0px;
  z-index: 200;
  animation: floating 3s ease-in-out infinite;
}

#floatingchiikawa2 {
  position: absolute;
  top: 0px;
  left: 200px;
  z-index: 50;
  animation: floating 3s ease-in-out infinite;
}

#borderbow,
#borderbow2 {
  width: 80px;
  position: absolute;
  z-index: 150;
}

#borderbow {
  top: 115px;
  left: 240px;
     filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}


#borderbow2 {
  top: 115px;
  left: 600px;
     filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}


.undermarquee {
  background-image: linear-gradient(#ebcbdd, #ebcbdd, rgb(255, 255, 255));;
  text-align: center;
  border: solid #c78199 1px;
  border-radius: 15px;
}
@keyframes floating {
  0% { transform: translate(0, 0px); }
  50% { transform: translate(0, 15px); }
  100% { transform: translate(0, 0px); }
}




marquee {
  font-size: 20px;
  color: #c78199;
  background: #fff0f8;
  padding: 4px;
  margin-top: 10px;
  border-top: 1px dashed pink;
  border-bottom: 1px dashed pink;
}

marquee:hover {
  animation-play-state: paused;
}

#buttonscroll {
 background-color: white;
}

footer {
  text-align: center;
  font-size: 13px;
  margin-top: 30px;
  color: #999;
}

a {
  color: #c78199;
}

a :hover {
  color:#dcb1c0;
}

#bowdivider {
  width: 160px !important;
  margin: 0 !important;

}

.container2 {
  width: 920px;
  padding-top: 0px;
  border-radius: 15px;
  border: 5px #e4c8d2 solid;
  outline: 5px solid;
  outline-color: #dcb1c0;
  padding: 20px;
  background-color: #ffffffcc;
  padding: auto;
  border-image: url(whitelaceborder.png);
  border-image-outset: 15px;
    filter: drop-shadow(25px 10px 4px rgba(173, 125, 142, 0.25));
    position: relative;
}


#content {
  display: flex;
  background-color: white;
  margin-bottom: 0;
  position: relative;
}

#aboutme {
  width:875px;
  margin:auto;
  display:flex;
  justify-content: center;
  align-content: center;
  background-image: url(cutebg.jpg);
  background-repeat: repeat;
}


#pink {
  background-image: url(pinkdetail.jpg);
  width: 400px;
  height: 420px;
}

#me  {
  position: sticky;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
  animation: floating 3s ease-in-out infinite;
  z-index: 400;
    width:380px;
    margin:auto;
    padding-left: 2.5em;

}

#white {
  width:430px;
  background-color: white;
}

#spaceholder {
  width:230;
  height: 10px;
  background-color: white;
}

#spaceholder img {
  width:70px
}

.title {
  font-family: 'kinkee', cursive;
  text-align: left;
  font-size:50px;
  color:#dcb1c0;
  filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
}

#pink .lacetext {
  height: 100px;
  border:#c598a8 solid 1px;
  box-shadow: none;
  margin-top: 0;
}

#button {
  padding-bottom:10px;
    filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);
  width: 190px;
  margin:auto;
  align-items: center;
  align-self: center;
}

.right .cliques {
  font-size: 12px;
  margin:10px;
  margin-top: 0px;
  border: 1px #c78199 solid;
  scrollbar-color: #c78199;

}

#white p {
  font-size: 13px;
}

.mainabout {
  width: 350px;
  height: 125px;
  overflow-y: scroll;
  border: 1px solid #ffffff;
  justify-content: left ;
  box-shadow: #e4c8d2;
  margin:auto;
  padding: 10px;
  text-align: center;
}

#white .title {
  text-align: center;
  height:30px;
}
.secondrow {
  margin-bottom: 0;
  display:block;
}
.secondrow .title {
  font-size: 30px;
  height:20px;
  text-align: center;
}


.secondrow h4.title {
  margin: 0;
  padding: 5px;
  margin-bottom: 20px;
}


.thirdrow .title {
  font-size: 30px;
  height:10px;
  text-align: center;
}

.thirdrow {
  margin-top: 0;
    display:block;
    position: relative;

}
#goodies {
  display: flex;
  width: 900px;
  overflow-x: scroll;
    scroll-snap-type: x mandatory;
    background-image: url(pienmylife.jpg);
    background-size: 200px;

}
.goodie {
  align-content: center;
  justify-content: center;
  margin-top: 0;
  padding: 5px;
  text-align: center;
 border: #c598a8, 1px, dashed;
  width: 280px;
  overflow-y: scroll;
  height: 200px;
  margin: 20px;
  width:300px;
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.795);
}
.goodie .title {
  font-size: 30px;

}
.wowwww {
  margin-top: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: auto;
  background-image: url(woohooyay.jpg);
  border-radius: 15px;
}
.thirdrow .lacetext {
  width: 600px;
  border-image-outset: 3px;
  height: 110px;
}

.thirdrow .title {
  height:20px;
}
.besidemagicalgirl {
  background-image: url(itemholder.jpg);
  width:100px;
  height: 150px;
}
.row-two #box {
  height:300px;
  width: 480px;
  padding-bottom: 30px;

}

.galleryimages img {
  width: 150px;
}

#heartframe1 {
  position: absolute;
  z-index: 200;
  width:150px;
  top: 140px;
  right: 195px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#heartframe2 {
  position: absolute;
  z-index: 200;
  width:150px;
  top: 140px;
  right: 350px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#heartframe3 {
  position: absolute;
  z-index: 200;
  width:150px;
  top: 140px;
  right: 515px;
  z-index: 200;
  opacity: 100;
  pointer-events: none;
}

#boxcurtain {
  position: absolute;
  z-index: 200;
  top: 1090px;
    width:530px;
left: 237px;
  pointer-events: none;
     filter: drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 0px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 0px 1px white) drop-shadow(0px 1px 0px #00000032);

}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background-color: pink;
  background-image: url('pinkdetail.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

*::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255);
  border: 1px solid #c78199;
  border-radius: 10px;
}

.snowflake {
  position: fixed;
  top: -10%;
  z-index: 9999;
  cursor: default;
  animation-name: snowflakes-fall, snowflakes-shake;
  animation-duration: 7s, 3s; /* faster fall */
  animation-timing-function: linear, ease-in-out;
  animation-iteration-count: infinite, infinite;
  animation-play-state: running, running;
  -webkit-user-select: none;
  user-select: none;
}

.snowflake img {
  width:55px;  /* smaller image size */
  height: auto;
}

@keyframes snowflakes-fall {
  0% { top: -10%; }
  100% { top: 100%; }
}

@keyframes snowflakes-shake {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(100px); }
}

.snowflake:nth-of-type(1) { left: 1%; animation-delay: 0s, 0s; }
.snowflake:nth-of-type(2) { left: 10%; animation-delay: 1s, 1s; }
.snowflake:nth-of-type(3) { left: 20%; animation-delay: 6s, .5s; }
.snowflake:nth-of-type(4) { left: 30%; animation-delay: 4s, 2s; }
.snowflake:nth-of-type(5) { left: 40%; animation-delay: 2s, 2s; }
.snowflake:nth-of-type(6) { left: 50%; animation-delay: 8s, 3s; }
.snowflake:nth-of-type(7) { left: 60%; animation-delay: 6s, 2s; }
.snowflake:nth-of-type(8) { left: 70%; animation-delay: 2.5s, 1s; }
.snowflake:nth-of-type(9) { left: 80%; animation-delay: 1s, 0s; }
.snowflake:nth-of-type(10) { left: 90%; animation-delay: 3s, 1.5s; }
.snowflake:nth-of-type(11) { left: 25%; animation-delay: 2s, 0s; }
.snowflake:nth-of-type(12) { left: 65%; animation-delay: 4s, 2.5s; }

header {
  margin-top: 0;
}

#maintext {
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: center;  
}

.middle .lacetext {
  height:150px;
}

#wingLeft {
  position: absolute;
  width:50px;
  top: 30px;
  left: -120px;
  z-index: 7000;
  opacity: 100;
  pointer-events: none;
}

#wingRight {
  position: absolute;
  width:50px;
  top: 30px;
  right: 0px;
  z-index: 7000;
  opacity: 100;
  pointer-events: none;
}

 #wingLeft img {
  width: 175px;
}

 #wingRight img {
  width: 175px;
}

#finale {
  padding-top: 70px;
  margin: auto;
}

.goodie .title {
  color:#e4c8d2;
}

.goodie p {
  font-size: 12px;
}

.moodboardme img {
  width:200px;
}

#missingpage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  background-color: white;
}

#awesomesauce {
  border: 1px solid #c598a8;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  background-color: white;
  padding: 30px;
  margin: auto;
  margin-top: 4em;
  border-radius: 15px;

}

#rightnow .title {
  font-size: 16px;
  color: #ddb6c3;
}

* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym596.cur), auto !important;}

#blogbody {
  max-width: 80%;
  margin:auto;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  background-color: #ebcbdd;
}

#blogcontainer {
  display: flex;
  justify-content: space-between;
  width: 920px;
  margin-top: 80px;
  padding-top: 0px;
  margin-bottom: 100px;
  margin-left: 160px;
  border-radius: 15px;
  border: 2px #e4c8d2 solid;
  background-color: #ffffffcc;
  position: relative;
  height: auto;
  padding-bottom: 30px;
  position: relative;
}

#blogLeft {
  padding-top: 20px;
  background-image: url(pinkdetail.jpg);
  width:375px;
  justify-content: center;
  align-items: center;
  justify-items: center;
  height: 100%;
}

#risecute {
  border-radius: 30px;
  border: #c78199 1px dashed;
}
#blogLeft .lacetext {
  width:260px;
  border-image: url(pixelborder.png) 8 round;
  border-image-outset: 1px;
  height: 200px;
}

#blogRight {
  padding-top: 20px;
  width:595px;
  justify-content: center;
  align-items: center;
  justify-items: center;
  display: block;
}

#blogContent {
  background-image: url(notepad2.jpg);
  background-size: 460px;
  height: 520px;
  border-radius: 15;
  width:460px;
  height: 640px;
  position: relative;
  
}

#innercontents {
  position: absolute;
  top: 170px;
  left: 70px;
  height:270px;
  overflow-y: scroll;
  width:370px;
  overflow-wrap: break-word;
}

#innercontents h3.title {
  margin: 0;
  padding: 5px;
  height:10px;
}

.para {
  position: absolute;
  top: 70px;
}

.para p {
  font-size: 13px;
}

.para img {
  margin: auto;
  display: block;
  margin-top: 10px;
}

#kamurobody {
    background-image: url(kamurobg.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    font-size: 13px;
    position: relative;
}

#kamurobody a {
    color: #b70505;
}

#kamuromain {
    background-color: rgba(255, 255, 255, 0.817);
    width: 85%;
    margin:30px;
    border: 1px rgb(255, 255, 255) solid;
    outline: 2px rgb(98, 12, 12) solid;
    border-radius: 20px;
    text-align: center;
    padding-top: 0;
}

#kamuroheader {
    background-image: url(kamurokamuro.jpg);
    background-size: cover;
    font-size: 40px;
    margin: 0 !important;
    border: 1px rgb(98, 12, 12) solid;
    height: 200px;
    border-radius: 20px 20px 0px 0px;
}

#kamuroheader h1 {
    color: white;
    position: relative;
    filter: drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 0px 0px rgb(0, 0, 0)) drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 0px 0px rgb(0, 0, 0)) drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 0px 1px rgb(0, 0, 0)) drop-shadow(0px 1px 0px #00000032);
}

#kamuromain marquee {
    margin: 0px;
    height: 20px;
    font-size: 20px;
    border:#ffffff;
}

#minibar {
    background-color: rgba(255, 255, 255, 0.804);
    margin-top: 173px;
    width: 700px;
    padding: 5px;
    height: 15px;
    text-align: left;
    font-size: 13px;
    border-radius: 0px 20px 0px 0px;

}

.kamurorow {
    display: flex;
}
#KL {
    background-color: #b70505;
    margin: 12px;
    margin-left: 6px;
    margin-right: 6px;
    width: 20%;
    height: auto;
}

.KM {
     border: 1px rgb(98, 12, 12) solid;
     border-radius: 15px;
     margin: 12px;
     margin-left: 0;
     height: 320px;
     width: 680px;

}

#KMholder {
    width: 650px;
}

.intro {
    display: flex;
    padding: 15px;
    text-align: left;
}

.intro img {
    width: 120px;
}

#introtextk {
    margin-left: 15px;
    overflow-y: scroll;
    height: 290px;

}

body#kamurobody ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body#kamurobody ::-webkit-scrollbar-track {
  background-color: #b70505;
  background-image: url('pinkdetail.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

body#kamurobody ::-webkit-scrollbar-thumb {
  background-color: rgb(255, 255, 255);
  border: 1px solid #b70505;
  border-radius: 10px;
}

#meandtheboys img {
    width: 240px;
}

.noticeme {
    font-size: 10px;
}

#gifsilliness {
    display: flex;
}

#meandtheboystext {
    padding-left: 10px;
}

#KL2 marquee {
    height: auto;
    background-color: #b70505;
}

#KL2 img {
    height: 250px;
}


#KM2 {
    height:200px;
}

#kamurofooter {
    background-color: #b70505;
    height: 60px;
    border-radius: 0px 0px 20px 20px;
    color:white;
    justify-content: center;
    align-content: center;
}

#logologo {
    position:absolute;
    z-index: 200;
    top: -40px;
}

#logologo img {
    width:570px;
    filter: drop-shadow(25px 10px 4px rgba(52, 3, 3, 0.201)) ;
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}

#tojokai {
    position:relative;
    z-index: 150;
    top: -28px;
    left: -450px;
}

#tojokai img {
    width:250px;
    opacity: 0.5;
    animation: spin 5s infinite linear;
}

.meep {
    background-image: linear-gradient(rgb(114, 109, 109),rgb(208, 200, 200),rgb(53, 50, 50), rgb(53, 50, 50), rgb(53, 50, 50), rgb(114, 109, 109));
    border-radius: 5px;
    border: white 1px solid;
    width: 170px;
    align-self: center;
    margin: auto;
    color: white;
}

#KMMEEP {
    width: auto;
    margin-left: 50px;
    border-radius: 0px 15px 0px 15px;
}

#KL1 .meep {
    margin-bottom: 10px;
}
.navvie {
    color: white;
    border-top: #560202 1px solid;
    height: 25px;
    padding-left: 20px;
    background-image: linear-gradient(#b70505, #560202) ;
    text-align: center;
    display: flex;
}

.navvie a {
    color: white !important;
}

#k89intro {
    overflow-y: scroll;
    height: 150px;
    margin-left: 13px;
    margin-right: 13px;
    padding: 10px;
}

.redkuzatext {
    color:#b70505;
}