:root {
    --black:#000000;
    --lightblack:#354b58;
    --blue: rgb(4, 179, 226);
    --gray: #666;
    --lightgray:#f2f2f2;
    --red: rgb(255,0,0);
    --white:#ffffff;
    --yellow: #FFFF00;

    --padding-container: 100px 0;

    --soft-red: hsl(7, 99%, 70%);
    --yellow: hsl(51, 100%, 49%);
    --dark-desaturated-cyan: #25564b;
    --dark-blue: hsl(198, 62%, 26%);
    --dark-moderate-cyan: hsl(168, 34%, 41%);
    --very-dark-desaturated-blue: hsl(212, 27%, 19%);
    --very-dark-grayish-blue: hsl(213, 9%, 39%);
    --dark-grayish-blue: hsl(232, 10%, 55%);
    --grayish-blue: hsl(210, 4%, 67%);
    --white: hsl(0, 0%, 100%);

    --font1: 'Montserrat', sans-serif;
    --font2: 'Montserrat', sans-serif;
}

.red{
    color: var(--red);
}
.yellow{
    color: var(--yellow);
}

.underline_yellow{
      text-decoration: underline #FFFF00;
}
.white{
    color: #ffffff;
}

.caveat-letter {
    font-family: "Caveat", cursive;
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;
}
.catamaran-letter{
  font-family: "Catamaran", system-ui;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
  font-size: 60px;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn_yellow{
    background-color:var(--yellow);
    color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    height:50px;
    padding: 18px 70px;
    text-decoration: none;
    width:250px;
}