body {
background-image: url('https://i10.glitter-graphics.org/pub/1877/1877570beu28immp9.jpg');
background-attachment: fixed;
background-repeat: repeat;
overflow: auto;
}


::selection {
/* Change highlight background color */
background: #f7abcf;
/* Change highlight text color */
color: #FFFFFF;

}

a {text-decoration: none; color: rgb(238, 66, 142); 
}

@font-face {
font-family: kawaii stitch;
src: url(https://dl.dropbox.com/s/yjal3we9j6biyn5/Kawaii%20Stitch.ttf)
}
 
@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/l0541on0m5eqvdj/Starborn.ttf);
}
 
@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/kmhe7d3n18vdz5e/w95fa.woff?dl=0);
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ct0s037q78sao3f/Frighted.ttf);
font-family: Frighted;
}
 
@font-face {
src: url(https://dl.dropbox.com/s/ktlx5w7t8gk42nb/SakeMoru-Regular.ttf);
font-family: SakeMoru;
}
 
@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
}

.cute-heading {
  font-family: 'Pacifico', cursive;
}

.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}

h1 {
  font-family: "starborn", cursive;
    color: rgb(238, 66, 142)
}

h2 {
  font-family: "SakeMoru", cursive;
    color: rgb(2, 2, 2)
}

h3 {
  font-family: "yipes", cursive;
    color: #ff9acb
}

.booklist li {
 font-family: "yipes", cursive;
 font-size: large
    color: rgb(238, 66, 142)
}

p {
  font-family: "georgia", cursive;
    color: rgb(2, 2, 2)
}

ul {
  font-family: "kawaii stitch", cursive;
    font-size: medium 
      color: rgb(238, 66, 142)
}

.page-layout {
  display: grid;
  grid-template-columns: 1fr 2.2fr 1fr; /* small - big - small */
  gap: 25px;
  max-width: 1100px;   /* keeps it centered and not too wide */
  margin: 40px auto;   /* centers the whole thing */
  padding: 20px;
}

/* side boxes (left + right) */
.sidebar {
  background: rgba(255, 240, 246, 0.9);
  border: 2px dashed #ff9acb;
  border-radius: 18px;
  padding: 15px;
    height: fit-content;
}

/* big middle review column */
.main-content {
  background: rgba(255, 255, 255, 0.95);
  border: 2px solid #ff9acb;
  border-radius: 20px;
  padding: 25px;
}

/* dividing lines between reviews */
.review {
  border-bottom: 2px dashed #ff9acb;
  padding-bottom: 20px;
  margin-bottom: 24px;
}

.review:last-child {
  border-bottom: none;
}

.tags {
  font-size: 0.9em;
  color: #ff5fa2;
  background: rgba(255, 240, 246, 0.8);
  padding: 8px;
  border-radius: 12px;
  border: 1px dashed #ff9acb;
}