{
  box-sizing: border-box;
}

body {
  background-image: url(URL);
  margin: 0;
  cursor: url(https://open-window.neocities.org/I_G/normhand.png), auto;
  font-family: "rainyhearts"; 
}

mark { 
  background-color: #ffcccc;
  color: black;
}

.stroke-text {
  font-size: 28px;
  color: white; /* Inner text color */
  font-family: "EspacioNovoMedium";
}

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


@font-face {
    font-family: "EspacioNovoMedium"; 
    src: url("https://open-window.neocities.org/bookshelf/reviews/EspacioNovoMedium.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;
}

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

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