body {
  background-image: url('../assets/corkboard.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Monocraft', monospace;
  min-height: 100vh;
}

.container-fluid {
  min-height: 100vh;
}

.h-33 {
  height: 33.33vh;
}

.sticky-note {
  width: 300px;
  aspect-ratio: 1 / 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding: 15%;
  box-sizing: border-box;
}

.note-yellow { background-image: url('../assets/yellownote.png'); }
.note-pink   { background-image: url('../assets/pinknote.png');  }

.note-text {
  display: block;
  width: 100%;
  color: #333; 
  font-size: 18px;
  word-wrap: break-word;
}

.sticky-note:hover {
  filter: brightness(1.08);
}

@font-face {
    font-family: 'Monocraft';
    src: url('https://cdn.jsdelivr.net/gh/IdreesInc/Monocraft@main/dist/Monocraft-ttf/Monocraft.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}