@import url('https://fonts.googleapis.com/css2?family=IM+Fell+French+Canon:ital@0;1&display=swap');

html {
      scroll-behavior: smooth;
}

body {
  font-family: 'Helvetica';
  background-image: url('paper-tiled.png');
  background-repeat: repeat;
  background-size: auto; /* Keeps the original texture resolution */
  background-attachment: scroll; /* Moves naturally with the page content */
}


.maxwellcook {
    text-align: left;
    font-size: 72pt;
    margin-top: 40%;
    margin-left: 10%;
    color: #e00000;
    mix-blend-mode: multiply;
}

.navbar {
    display: flex;
    float: middle;
    margin-left: 10%;
    margin-right: auto;
    align-items: left;
    justify-content: left;
    gap: 50px;
    padding-top: 2em;
    padding-bottom: 5%;
    margin-top: -30px;
}

.headerimg {
    max-width: 100%;
    height: auto;
    position: fixed;
    z-index: -1;
    transform: translateY(-230px);
}

.page {
    width: 100%;
  background-image: url('paper-tiled.png');
  background-repeat: repeat;
  background-size: auto; /* Keeps the original texture resolution */
  background-attachment: scroll; /* Moves naturally with the page content */
    box-shadow: 0 -15px 25px rgba(0, 0, 0, 0.2);
}

.buddon {
    font-size: 18pt;
    font-family: "Helvetica";
    font-weight: 800;
    text-transform: uppercase;
}

.buddon:hover {
    text-decoration: underline;
    opacity: 0.8;
    cursor: pointer;
}

li a:hover {
    color: #e00000;
}

.buddon:active {
    color: #e00000;
}

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

#illustration {
    text-decoration: underline;
    color: #e00000;
}

.artwork {
    display: flex;
    align-items: center;
    max-width: 80%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}


.artname {
    font-family: "IM Fell French Canon";
    text-align: center;
    font-size: 16pt;
    padding-top: 20px;
    padding-bottom: 10px;
}

.descriptor {
    font-family: 'IM Fell French Canon';
    font-style: italic;
    text-align: center;
    font-size: 14pt;
    padding-bottom: 80px;
}


.container1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: 60% 40%;
}


.container-container {
   display: flex;
    align-items: center;
    max-width: 70%;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

.seriesheading {
    font-family: Helvetica;
    font-weight: 1000;
    font-size: 13pt;
    margin-left: 10%;
    text-transform: uppercase;
    letter-spacing: 10px;
    padding-bottom: 40px;
}

.categoryheading {
    font-family: Helvetica;
    font-size: 10pt;
    font-weight: 800;
    letter-spacing: 5px;
    justify-content: center;
    margin-top: 120px;
}

ul {
    list-style-type: none;
    font-family: Helvetica;
    font-weight: 200;
    font-size: 16pt;
    letter-spacing: 2px;
    line-height: 40px;
}

#simpsons {
    transform: translateX(-2%);
}

.menu {
    position: sticky;
    top: 5%;
}

#squarebook:target .squarebooklink {
    color: red !important;
}