.noise::before {
     position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
     height: 100vh;
     content: "";
     opacity: .03;
     mix-blend-mode: hard-light;
     filter: blur(0.1px);
     z-index: 1000;
     pointer-events: none;
     background: url(https://file.garden/aIsfEmKdCw5cTYHb/noise.gif);
cursor: none;
 }

 @font-face {
     font-family: 'Pantasia';
     src: url('assets/PantasiaUnlicencedTrial-Regular.woff2') format('woff2');
 }

 @font-face {
     font-family: 'Lettra';
     src: url('assets/PPLettraMono-UltralightItalic.otf');
     font-style: normal;
     font-weight: normal;
 }

 h2 {
     font-family: Lettra;
     font-size: 2em;
 }

 h2 a {
     text-shadow: #E4E0D8 1px 0 10px;
     color: #E4E0D8;
     text-decoration: none;
 }

 p {
     font-family: Pantasia;
     font-size: 1.1em;
 }

 .navbar a {
     top: 94%;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     position: fixed;
     width: 40px;
     height: 40px;
     color: #F0ECE2;
     font-size: 1.5rem;
     background-color: #454239;
     border-radius: 100px;
     text-decoration: none;
     font-family: serif;
     z-index: 3000;

 }

 .navbar a:hover {
     text-decoration: underline 1.2px;
     text-underline-offset: 2px;
     cursor: pointer;
 }

  .navbar a:active {
     text-decoration: underline 1.2px;
     text-underline-offset: 2px;
     cursor: pointer;
 }

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     background-color: #E4E0D8;
     overflow-y: scroll;
     overflow-x: hidden;
     font-family: 'Lettra', monospace;
     padding: 20px 10px;
 }

 .grid-container {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     grid-auto-rows: 250px;
     gap: 10px;
     max-width: 1000px;
     margin: 0 auto;
     margin-bottom: 80px;
     margin-top: 40px;
cursor: none;
 }

 .col-1 {
     grid-column: 1 / 2;
 }

 .col-2 {
     grid-column: 2 / 3;
 }

 .col-3 {
     grid-column: 3 / 4;
 }

 .col-4 {
     grid-column: 4 / 5;
 }

 .col-1-2 {
     grid-column: 1 / 3;
 }

 .col-2-3 {
     grid-column: 2 / 4;
 }

 .col-3-4 {
     grid-column: 3 / 5;
 }

 .col-1-3 {
     grid-column: 1 / 4;
 }

 .col-2-4 {
     grid-column: 2 / 5;
 }

 .col-1-4 {
     grid-column: 1 / 5;
 }

 .image-box {
     background: white;
     position: relative;
     overflow: hidden;
     height: 250px;
     filter: blur(0.4px) brightness(90%) contrast(100%);
     opacity: 80%;
     mix-blend-mode: luminosity;
 }

 .image-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }

 .text-content {
     padding: 10px;
     min-height: 100px;
cursor: none;
 }

 .text-content p {
     font-size: 15px;
     line-height: 1.2em;
     color: #27251F;
cursor: none;
 }

 .spacer-small {
     height: auto;
     grid-column: 1 / 5;
 }

 .spacer-medium {
     grid-row: span 2;
     grid-column: 1 / 5;
 }

 .spacer-large {
     grid-row: span 3;
     grid-column: 1 / 5;
 }

 .empty {
     background: none;
 }