PawsAndPetals/fontScaler.css

.font_scaler{
  position: fixed;
  bottom: 0;
  left: 0;

  touch-action: manipulation;
}

.font_scaler button{
  background: none;
  background-color: var(--backing);
  border: 2px solid var(--text);
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 5px;
  transition: background-color 0.5s;
}

.font_scaler img{
  width: 3vw;
  height: 3vw;
}

.font_scaler button:hover, .font_scaler img:hover{
  background-color: lightgrey;
}

@media (orientation: portrait) {
  .font_scaler img{
    width: 15vw;
    height: 15vw;
  }

}