.listen {
    background-color: black;
    color: #f00c32;
    font-family: Verdana;
    text-transform: uppercase;
    font-size: 1.2vmin;
}
.listen .bound {
  color: black;
  background-color: #f00c32;
  text-shadow: none;
}
.listen .listening-block {
  position: relative;
  text-shadow: 1px 1px 2px black;
}
.newalign {
  position: relative;
  margin: 0 0 0 20px;
  text-shadow: 1px 1px black;
  z-index: 1;
}
.listen .top-left {
  writing-mode: vertical-lr;
  color: black;
  background-color: #f00c32;
  position: absolute;
  top: 30px;
  left: 0;
  font-family: monospace;
  font-weight: bold;
    font-size: 0.8vmin;
  text-align: end;
  z-index: 1;
}
.listen .top-right {
  position: absolute;
  top: 0;
  right: 0;
  font-family: monospace;
  font-size: 120pt;
  text-align: end;
  line-height: 0.7;
  pointer-events: none;
}
.listen .giant-v {
  position: absolute;
  transform: rotate(30deg);
  top: -60dvh;
  right: 0;
  font-family: Verdana;
  font-size: 80dvh;
  z-index: 0;
  pointer-events: none;
}
.listen .overlay {
  color: #f3701e;
}
.listen .overlay:hover {
  color: transparent;
}
@media screen and (orientation: portrait) {
    .listen .giant-v {
        top: -25dvh;
        right: 1dvh;
        font-size: 40dvh;
    }
}