body {
  padding-bottom: 20px;
  background: url("images/beach.jpg") no-repeat center center fixed;
  background-color: #42ecf5;
}

.heavyfont{
  color: black;
  font-weight: bold;
}

.navbar{

}

.nolink{
  color: black;
  text-decoration: none;
}

.achzig{
  margin-left: 5%;
  margin-right: 5%;
}

.buttoncolor{
  background-color: #99eaff;
}

#carouselExample{
  margin-left: 30%;
  margin-right: 30%;
}

.colorchanger {
  background: linear-gradient(-45deg, #57dcff, #99eaff, #cbeef7, #ffffff);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
  margin-bottom: 20px;
}

.poetsen-one-regular {
  font-family: "Poetsen One", sans-serif;
  font-weight: bold;
  font-style: normal;
}

.offcanvas-title{
  color: black;
}











@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }