.flex_row, .C_controls_move, .C_controls_zoom, .C_controls_holder, .C_btn_holder {
  display: flex;
  flex-flow: row nowrap;
}

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

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

.C_main {
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  position: relative;
}

.C_image {
  width: 100%;
}

.C_btn_holder {
  align-items: center;
  justify-content: center;
}

.C_btn {
  flex: 1;
}

.C_svg, .C_svg_down, .C_svg_up, .C_svg_left {
  width: 3rem;
  color: var(--color_1);
  cursor: pointer;
}
.C_svg:hover, .C_svg_down:hover, .C_svg_up:hover, .C_svg_left:hover {
  color: var(--color_2);
}
.C_svg_left {
  transform: rotate(180deg);
}
.C_svg_up {
  transform: rotate(-90deg);
}
.C_svg_down {
  transform: rotate(90deg);
}

.C_controls_holder {
  width: 100%;
  justify-content: space-between;
}