.body-cf {
    background-color: rgb(240, 80, 80);
    font-family:Arial, Helvetica, sans-serif;
    color: rgb(241, 232, 232);

}

.container-cf {
    -ms-box-orient: horizontals;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
      
  }

 .h1-cf, h2 {
    display: -webkit-box;
    display: -webkit-flex;
    font-size: 80px;
    color: black;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    padding-top: ;
    
    
  }


.buttoncontainer-cf {
    -ms-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center; 
    justify-content: center;
    padding: 5px; 
    align-items: center;
    height: 500px;
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  button {
    border: none;
    background: none;
    margin-top: 15px;
    font-weight: 700;
  }

.button-cf {
  background: #fff;
  backface-visibility: hidden;
  border-radius: .375rem;
  border-style: solid;
  border-width: .125rem;
  box-sizing: border-box;
  color: #212121;
  cursor: pointer;
  display: inline-block;
  font-family: Circular,Helvetica,sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1.3;
  padding: .875rem 1.125rem;
  position: relative;
  text-align: left;
  text-decoration: none;
  transform: translateZ(0) scale(1);
  transition: transform .2s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-cf:not(:disabled):hover {
  transform: scale(1.05);
}

.button-cf:not(:disabled):hover:active {
  transform: scale(1.05) translateY(.125rem);
}

.button-cf:focus {
  outline: 0 solid transparent;
}

.button-cf:focus:before {
  content: "";
  left: calc(-1*.375rem);
  pointer-events: none;
  position: absolute;
  top: calc(-1*.375rem);
  transition: border-radius;
  user-select: none;
}

.button-cf:focus:not(:focus-visible) {
  outline: 0 solid transparent;
}

.button-cf:focus:not(:focus-visible):before {
  border-width: 0;
}

.button-cf:not(:disabled):active {
  transform: translateY(.125rem);
}