.flex_row, .C_options, .C_image_shadow {
  display: flex;
  flex-flow: row nowrap;
}

.flex_col, .C_image_holder, .C_image, .C_content, .C_main {
  display: flex;
  flex-flow: column nowrap;
}

.fill, .C_image_holder, .C_image_path, .C_image, .C_main {
  width: 100%;
  height: 100%;
}

.C_main {
  justify-content: center;
  justify-items: center;
}

.C_image {
  padding: 0.1rem;
  border-radius: 1rem;
  overflow: hidden;
  justify-content: center;
  justify-items: center;
}
.C_image_path {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.C_image_holder {
  justify-content: center;
  justify-items: center;
}

.C_image_shadow {
  filter: drop-shadow(0.5rem 0.5rem 0.6rem var(--color_shadow));
}

.C_canvas {
  height: 100%;
  width: 100%;
}

.C_image:hover {
  opacity: 100%;
}

.C_options {
  height: 100%;
  justify-content: space-between;
}
@media only screen and (orientation: portrait) {
  .C_options {
    height: unset;
  }
}

.C_icons {
  fill: var(--color_1);
  padding-left: 0.5rem;
  cursor: pointer;
  width: 3rem;
}

.C_icons:hover {
  fill: var(--color_2);
}