html { overflow-y: scroll; }

body {
  font-family: sans-serif;
}


/* image detail page */
.container {
  margin-top: 30px;
  width: 99%;
}

.image-content {
  position: relative;
  margin-top: 25px;
  margin-bottom: 5px;
  text-align: center;
}

.image-content img {
  max-width: 100%;
  max-height: 99vh;
}

.previous_page_button,
.next_page_button {
  height: 100%;
  top:50%;
  transform: translateY(-50%);
  width:45%;
  position: absolute;
  padding: 50% 0;
  fill: rgba(0, 255, 4, 0.0);
  filter: drop-shadow( 1px 1px 2px rgba(0, 0, 0, 1));
}

.previous_page_button:hover,
.next_page_button:hover {
  fill: white;
}

.previous_page_button {
  text-align: left;
  left: 20px;
}

.next_page_button {
  text-align: right;
  right: 20px;
}

.text-content {
  margin-top: 40px;
}

/* Frontpage images */
.grid {
  padding-top: 10px;
  width: 90%;
  margin: 0 auto;
}

.grid-item {
  width: 200px;
  margin-bottom: 2px;
}

.grid-item img {
  width: 100%;
}


/* Embedded youtube videos */
iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}