@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&display=swap');
body {
  background-image: url('./felmann-background.png');
  background-size: cover;
}

.felmann-title {
  font-family: 'Oswald', sans-serif;
  font-size: 6vw;
  text-align: center;
  color: white;
  padding-top: 25px;
  padding-bottom: 50px;
}

.felmann-subtitle {
  font-family: 'Oswald', sans-serif;
  font-size: 4vw;
  text-align: center;
  color: white;
}

.felmann-footer {
  font-family: 'Oswald', sans-serif;
  font-size: 2vw;
  text-align: center;
  color: white;
}

.felmann-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 30vh;
  padding-bottom: 10vh;
}

.wordCarousel-subtitle {
    font-family: 'Oswald', sans-serif;
    font-size: 4vw;
    text-align: center;
    color: white;
}

.wordCarousel-subtitle div {
    overflow: hidden;
    position: relative;
    float: none;
    /*float: right;*/
    height: 110px;
    padding-top: 0px;
    margin-top: -0px;
}

.wordCarousel-subtitle div li {
    color: white;
    /*font-weight: 700;*/
    padding: 0 10px;
    height: 55px;
    margin-bottom: 55px;
    display: block;
}

.wordCarousel-footer {
    font-family: 'Oswald', sans-serif;
    font-size: 2vw;
    text-align: center;
    color: white;
}

.wordCarousel-footer div {
    overflow: hidden;
    position: relative;
    float: none;
    /*float: right;*/
    height: 50px;
    padding-top: 0px;
    margin-top: -0px;
}

.wordCarousel-footer div li {
    color: #eee;
    /*font-weight: 700;*/
    padding: 0 10px;
    height: 25px;
    margin-bottom: 25px;
    display: block;
}

.flip2 {
  -webkit-animation: flip2 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
          animation: flip2 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
}

.flip2-footer {
    -webkit-animation: flip2-footer 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
            animation: flip2-footer 15s cubic-bezier(0.23, 1, 0.32, 1.2) infinite;
  }
  
@-webkit-keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -180px;
  }
}

@keyframes flip2 {
  0% {
    margin-top: -180px;
  }
  5% {
    margin-top: -90px;
  }
  50% {
    margin-top: -90px;
  }
  55% {
    margin-top: 0px;
  }
  99.99% {
    margin-top: 0px;
  }
  100% {
    margin-top: -180px;
  }
}

@keyframes flip2-footer {
    0% {
      margin-top: -100px;
    }
    5% {
      margin-top: -45px;
    }
    50% {
      margin-top: -45px;
    }
    55% {
      margin-top: 0px;
    }
    99.99% {
      margin-top: 0px;
    }
    100% {
      margin-top: -100px;
    }
  }