@font-face {
    font-family: Painting_With_Chocolate;
    src: url(PWC.ttf);
}

body {
    padding: 0px;
    margin: 0px;
}

html {
    scroll-snap-type: mandatory;
    scroll-snap-points-y: repeat(100vh);
    scroll-snap-type: y mandatory;
}

h1 {
    font-family: Painting_With_Chocolate;
    font-weight: normal;
    padding: 50px 20px 20px 20px;
    font-size: xxx-large;
    margin-bottom: 10vh;
}

.nomar {
    margin-bottom: 0px;
}

h2 {
    font-family: Painting_With_Chocolate;
    font-weight: normal;
    padding: 50px 20px 20px 20px;
    font-size: 4vh;
}

h3 {
    font-family: Painting_With_Chocolate;
    font-weight: normal;
}

p {
    font-family: Roboto;
    font-size: 2.5vh;
    padding: 0px 50px 50px 50px;
}

#h1nr4 {
    margin-bottom: 20vh;
}

.section {
    height: 100vh;
    width: 100vw;
    scroll-snap-align: start;
    text-align: center;
    background-image: url(images/backgroundWithArrow.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

#nr2 {
    overflow: hidden;
}

#nr10 {
    background-image: url(images/background.jpg);
}

.images {
    width: 80%;
}

.logo {
    width: 25%;
    padding: 20px;
}

@keyframes spin {
    from  {transform: rotate(0deg);}
    to  {transform: rotate(-360deg);}
}

#bierdeckel {
    animation-name: spin;
    animation-duration: 30s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}