body {
  border: 2px dashed #0091EA;
  margin: 10px;
  padding: 10px;
  font-family: Roboto, sans-serif;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
}

p {
  margin-bottom: 3vw;
}

.vw {
  width: 50vw;
  font-size: 2vw;
  padding: 2vw;
  border: 2px solid #F50057;
  color: #F50057;
}

.vh {
  width: 50vh;
  font-size: 2vh;
  padding: 2vh;
  border: 2px solid #651FFF;
  color: #651FFF;
}

.vmin {
  width: 50vmin;
  font-size: 2vmin;
  padding: 2vmin;
  border: 2px solid #2979FF;
  color: #2979FF;
}

.vmax {
  width: 50vmax;
  font-size: 2vmax;
  padding: 2vmax;
  border: 2px solid #00E676;
  color: #00E676;
}