.fortunes-container {
  display: grid;
  grid-template-columns: auto 30px;
  grid-template-rows: auto auto auto;
  justify-content: center;
  padding-top: 20px;
  gap: 0 10px;
}

#fortunes-widget {
  width: 512px;
}

#y-value-fw1 {
  writing-mode: vertical-rl;
  -webkit-appearance: slider-vertical;	
  height: 100%;
  opacity: 0;
  transition: opacity 0.2s;
}

#y-value-fw1:hover {
  opacity: 1;
}

.controls-row {
  grid-column: 1 / 2;
  display: flex;
  align-items: left;
  width: 502px;
  margin-top: 8px; 
}

.explanation {
  grid-column: 1 / 2;
  width: 502px;
  padding-top: 10px;
  font-size: 14px;
}