@font-face {
  font-family: typewriter;
  src: url('veteran_typewriter.ttf');
}

body {
  font-family: typewriter, 'Courier New', Courier, monospace;
}

.social-media-list {
  list-style-type: none;
  display: flex;
  align-items: center;
}

.social-media-list li {
  margin: 0 1rem;
}

.social-media-list a svg {
  transition: color 0.3s;
}

.social-media-list a svg:hover {
  fill: #0073e6;
}

.card-transparent {
  background-color: rgba(255, 255, 255, 0.0); /* transparent background */
  border: none; /* Remove border */
}

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

a:hover {
  text-decoration: underline;
}

.paper-lg {
  z-index: -10;
  margin: 1rem;
  padding: 2rem;
  box-shadow: 0.2rem 0.3rem 2rem black, 0 0 6.5rem #8f5922 inset;
  background: #fffef0;
}

.paper-image {
  margin: 1rem;
  box-shadow: 0.25rem 0.25rem 1rem black;
  transform-origin: top left;
}

.image-tilt-0 {
  transform: rotate(-2deg);
}

.image-tilt-1 {
  transform: rotate(1deg);
}

.image-tilt-2 {
  transform: rotate(-1deg);
}

.image-tilt-3 {
  transform: rotate(-3deg);
}

.image-tilt-4 {
  transform: rotate(0.5deg);
}

.paper-image-overlay {
  position: absolute;
  top: 3rem;
  left: 5rem;
  width: 5%;
}