/* NAVBAR */
#navbar p {
    color: white;
}
#navbar #home {
    filter: brightness(0) invert(1);
}
#navbar #navmenu a {
    color: white;
}
#nav_mobile_options {
    background-color: rgba(96, 96, 96, 0.497);
}
#nav_mobile_options a {
    color: white;
}
#nav_mobile #home {
    filter: brightness(0) invert(1);
}
#nav_mobile_options #home {
    filter: brightness(0) invert(1);
}
#nav_mobile_options #exit {
    filter: brightness(0) invert(1);
}

/* WORK PAGE */
body {
  background-color: rgba(20,20,20,255);
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none; /* Safari support */
}
#image-track {
  display: flex;
  gap: 4vmin;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(0%, -50%);
}
.image-wrapper {
  position: relative;
  width: 40vmin;
  height: 56vmin;
  flex-shrink: 0;
  overflow: hidden;
}

.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 50%;
  display: block;
  pointer-events: none; /* prevent dragging/selection */
}

.image-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  color: white;
  font-size: 4vmin;
  font-weight: lighter;
  
  pointer-events: none;
}