body {
  background-color: black;
  color: white;
  font-family: "Courier New", monospace;
  margin: 20px;
}

/* links */
a {
  color: cyan;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}

/* images */
img {
  max-width: 100%;
  height: auto;
}

/* messy grid feel */
section {
  margin-bottom: 40px;
}

/* glitchy hover */
img:hover {
  animation: shake 0.3s;
}

@keyframes shake {
  0% { transform: translate(1px, 1px); }
  50% { transform: translate(-1px, 2px); }
  100% { transform: translate(1px, -1px); }
}

/* optional notebook block */
.carnet {
  background: repeating-linear-gradient(
    transparent,
    transparent 24px,
    #4fc3f7 25px
  );
  padding: 20px;
  border-left: 2px solid pink;
}