body{animation: change-background 10s none infinite step-end;} 

.bistecca{margin-top:8.5%; margin-left:0%;
  width: 100%;
animation: rotation 4s infinite ease;
}

.carbonara{margin-top:55%; margin-left:0%;
    width: 100%;
  animation: rotation 4s infinite ease;
}
.bubbles{margin-bottom:3%; margin-left:5%;
    width: 90%; animation: rotation 3s infinite ease;}


.logoima{position: center; margin-left: 28%;
      width: 17%; animation: rotation 3s infinite ease;}
    
.logoppura{position: center; margin-left: 5%;
        width: 25%; animation: rotation 3s infinite ease;}

div{color: #cf85ff;
  margin: auto;
  width: 100%; position:auto;
left: 25%;
}

.sticker{ transform: rotate(15deg); margin-bottom:-22%;margin-top:22%; background-color: red; width: 52%; height: 20%; box-shadow: 2px 2px 10px; opacity: 75%;}
.sticker h1{margin: 0px; position: relative; top: 50%; transform: translate(0,13%); text-align: center;}

p{font-family: "Marion", serif; margin: auto; font-size:1.5vw; letter-spacing: -0em; text-align: center;margin-bottom: 0.2%;}
h1{font-family: "Marion", serif; margin: auto;font-weight:200; font-size:3.5vw; letter-spacing: -0em; margin-top: 4%; margin-bottom: 4%; text-align: center; line-height: 100%;}
p{font-family: "Marion", serif; margin: auto; font-size:1.7vw; letter-spacing: -0em; text-align: center; margin-bottom: 0.2%;}


.menu{max-width: 38%; animation: rotation 3s infinite ease;padding-bottom: 4%;  transition: transform 0.25s;margin-left: 30%}
.reservation{max-width: 100%; animation: rotation 3s infinite ease;padding-bottom: 4%;  transition: transform 0.25s;}
	.instagram{max-width: 80%; position: static; margin-left: 10%; animation: rotation 4.5s infinite ease; padding-bottom: 4%}
.contact{max-width: 70%;; position: static; margin-left: 15%; animation: rotation 5s infinite ease;padding-bottom: 4%}


.imprint{text-decoration: none; color: #cf85ff;}
.imprint:hover{text-decoration: underline;}

.clicktoenter{text-decoration: none; color: #cf85ff;}
.clicktoenter:hover{text-decoration: underline;}

.gif{display: block; height:40vw;
    margin: auto; }

    a {
      color: #cf85ff;
    }


    a:visited {
      color: #cf85ff;
    }

@keyframes rotation {
0% {
    transform: rotate(-5deg);
  }
  50% {
    transform: rotate(5deg);
    }
  100% {
    transform: rotate(-5deg);
    }
}
	
	@keyframes  change-background {
      0% {
           background: #578fff;
      }
     50% {
        background: #d66932;
      }
   100% {
	    background: #dfe9b5;
    }