body, html {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FAF9DD;
    
}


.quote {
  text-align:center;
}


.hero-image{
    background-image: linear-gradient(rgba(47, 85, 151, 0.35), rgba(47, 85, 151, .5)), url("../images/cakebg.jpg");
    min-height: 100vh;
    width: 100%;

    background-position: center;
    /* background-repeat: no-repeat; */
    background-size: cover;
    position: relative;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
  }

  #navbar a:hover {
    background-color: #ddd;
    color: black;
  }

  .bgblue {
    background-color: #2F5597;
  }

  .bgyellow {
    background-color: #F3AE57;
  }

  .bgbeige {
    background-color: #FAF9DD;
  }

  .bgorange {
    background-color: #FE735C;
  }

  .textwhite{
    color: white;
  }