@import url('https://fonts.googleapis.com/css2?family=Chela+One&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Shade&display=swap" rel="stylesheet');
@import url('https://fonts.googleapis.com/css2?family=Bungee+Inline&display=swap" rel="stylesheet');

* {  
  color: white;
}

html, body {
  height: 100%;
}

@keyframes move {
  0% {
    transform: translate3d(0,0,0);
  }
  100% {
    transform: translate3d(0,calc(-100%),0);
  }
}

h1 {
  font-size: 5em;
  font-family: 'Bungee Inline';
  font-weight: 400;
  color: #fff;
  text-shadow: 2px 2px black;
  margin: 0
}

button {
  cursor:pointer;
  display: block;
  margin: 0 auto;
  padding: 0.5em;
  border-radius:0.5em;
  box-sizing: border-box;
  font-weight:300;
  max-width: calc(150px + 20vh);
  width: 80vw;
  text-align:center;
  /*transition: all 100ms ease-in;*/
  outline:none;
  border: none;
  font-size: calc(12px + 1vh);
  -webkit-tap-highlight-color: transparent;
}
#go_to_voting { background-color: #66a0ff; }
#go_to_voting:hover { background-color:#4574c0; }

.bg {
  position: absolute;
  background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.5)), url(./assets/bgMary2.jpg);
  background-size: contain;
  top: 0;
  background-color: black;
  background-repeat: repeat-y;
  
  height: 10000%;
  width: 99.985%; /* 100% führt zu Glitches am Handy*/
  
  animation: move 3000s linear infinite;
}

#fullpage {
  position: relative;
  z-index: 1;
}

#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    background: white;
}

.section{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.5em;
  text-align: center;
}