{
  box-sizing: border-box;
}

body {
  background-image: url(https://open-window.neocities.org/bookshelf/graphics/blossom%20dither%20comp.png);
  background-size: cover;
  margin: 0;
  cursor: url(https://open-window.neocities.org/I_G/normhand.png), auto;
  padding: 100px;
  font-family: "rainyhearts"; 
}

@font-face {
    font-family: "rainyhearts"; 
    src: url("https://open-window.neocities.org/I_G/rainyhearts.woff"); 
}


a {
  text-decoration: none;
  color: black;
}

.link {
  position: relative;
  transition: clip-path 275ms ease;
  &:hover span::before, &:focus span::before {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  span {
    position: relative;
    display: inline-block;
    color: 	#005c99;
    &::before {
      position: absolute;
      content: attr(data-content);
      color: #e67300;
      text-decoration: underline;
      text-decoration-color: $darkblue;
      clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
      transition: clip-path 275ms ease;
    }
  }
}

span.dashed::before {
  text-decoration-style: dashed;
}

a:hover {
  cursor: url(https://open-window.neocities.org/I_G/linkhand.png), auto;
}

mark { 
  background-color: pink;
  color: black;
  opacity:.8;
}

.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }

@font-face {
    font-family: "FragmentCoreRom"; 
    src: url("https://open-window.neocities.org/bookshelf/FragmentCoreRom.woff"); 
}
.reviews {
  font-family: 'FragmentCoreRom';
}


::selection {
  background: pink;
  color: #ffffff;
}
*::-moz-selection {
  background: pink;
  color: #ffffff;
}
*::-webkit-selection {
  background: pink;
  color: #ffffff;
}


<!--
Source - https://stackoverflow.com/a/43289339
Posted by shaochuancs, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-15, License - CC BY-SA 3.0
-->

#thumbnail{
  width: 100px;
  height: 100px;
  display:block;
  z-index:999;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-timing-function: ease;
}
#thumbnail:hover {
    transform: scale(1.1);
}

 #pagedoll {
  position: absolute;
  top: 0px;
   left: 0px;
}
 #pagedoll2 {
  position: absolute;
  top: 0px;
   left: 30px;
}
 #pagedoll3 {
  position: absolute;
  top: 0px;
   left: 80px;
}
 #pagedoll4 {
  position: absolute;
  top: 0px;
   left: 130px;
}