@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;490;700&display=swap');

.looper:hover {animation: perspect 4s infinite linear }
@keyframes perspect {
   0% {transform: scalex(0)}
   20% {transform: scalex(-1)}
   40% {transform: scalex(0)}
   60% {transform: scalex(-1)}
   80% {transform: scalex(0)}
}

body {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: white;
    background-color: black;
}

nav {
    z-index: 3;
}

li { 
    color: white;
}

a {
    color: white;
    text-decoration: none;
    font-size: 20px;
    
}

a:visited {
    color: white;
    text-decoration: none;
    font-size: 20px;
}

a:hover { 
    font-weight: 600;
    font-style: italic;
}

div.pole {
    position: fixed;
    left: 50%;
    height: auto; 
    width: 15px;
    top: 0px;
    z-index: 2;
}

div.dancer1 {
    width: 450px;
    height: auto;
    z-index: 3;
    position: relative;
}

.background1 {
    background-color: #f09693;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}

.background2 {
    background-color: #d77873;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}
.background3 {
    background-color: #bd5e57;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}

.background4 {
    background-color: #a4463f;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}
.background5 {
    background-color: #8a322b;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}
.background6 {
    background-color: #71231a;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}

.background7 {
    background-color: #57160d;
    position: static;
    width:auto;
    height: 1000px;
    z-index: 1;
}