body {
  margin:0;
  padding:0;
  font-family:"Open Sans","Helvetica","Arial",sans-serif;
}
.wrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 100vh;
  grid-template-rows: calc(var(--vh, 1vh) * 100);
  align-items: center;
  justify-items: center;
}

#yes {
  font-weight:bold;
  font-size:30vw;
  color:cyan;
}

#about { color:#717171;cursor:pointer; }
#about a, #about a:visited { color:#aaf; }
#about a:hover { color:#faf;}

.bottom {
  position:absolute;
  bottom:0;
  text-align:center;
  width:100%;
  padding-bottom:20px;
  /*
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
  */
  font-size: calc(11px + (14 - 11) * ((100vw - 300px) / (1600 - 300)));
}

.pulsate {
  -webkit-animation: pulsate 5s ease-in-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 1.0;
}

@-webkit-keyframes pulsate {
  15% {
    opacity: 1.0;
    /*
    font-size:30vw;
    */
  }
  50% {
    opacity: 0.65;
    /*
    font-size:29.7vw;
    */
  }
  85% {
    opacity: 1.0;
    /*
    font-size:30vw;
    */
  }
}