@import url('https://fonts.googleapis.com/css2?family=Ole&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mountains+of+Christmas&display=swap');

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

h1 {
  font-family: "Ole", cursive;
  font-size: 6rem;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.1;
  color: rgb(99, 41, 27);
}

h2 {
  font-family: "Mountains of Christmas", serif;
  margin-top: 5px;
  margin-bottom: 5px;
}

h3 {
  font-family: "Mountains of Christmas", serif;
  font-size: 2rem;
  margin-top: 5px;
  margin-bottom: 5px;
  color: rgb(99, 41, 27);
}

p {
  color: rgb(255, 255, 255);
}

body {
    background-image: url(https://lettyverse.neocities.org/lettyverse-bg1.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.scrapbook {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  padding: 20px;
}

.scrapbook a {
  display: block;
  position: relative;
  overflow: hidden;
}

.scrapbook a:hover {
  transform: rotate(20deg)
}