/* defaults */
@font-face {
  font-family: "lineal-bold";
  src: url(../fonts/lineal-bold.otf);
}

@font-face {
  font-family: "lineal-medium";
  src: url(../fonts/lineaaal.otf);
}

@font-face {
  font-family: "lineal";
  src: url(../fonts/lineal.otf);
}

@font-face {
  font-family: "serif";
  src: url(../fonts/serif.otf);
}

html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100%;
  background-color: #cfcfcf;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  text-rendering: optimizeLegibility;
  font-size: 10px;
}

::-moz-selection {
  background-color: yellow;
  color: #4d4d4d;
}

::selection {
  background-color: yellow;
  color: #4d4d4d;
}

::-moz-selection {
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}

::-webkit-scrollbar-track {
  background-color: #cfcfcf;
}

::-webkit-scrollbar {
  width: 10px;
  background-color: #cfcfcf;
  -webkit-transition: 2s ease;
  transition: 2s ease;
}

::-webkit-scrollbar-thumb {
  background-color: yellow;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  z-index: 10000000;
}

sup {
  vertical-align: top;
  font-size: smaller;
  position: relative;
  top: -0.2em;
}

.hidden {
  display: none;
}

h1 {
  display: inline;
  font-family: lineal;
  font-size: 4em;
  color: white;
}

.yellow {
  display: inline-block;
  color: yellow;
}

.title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  top: 8%;
  text-align: center;
  z-index: 10;
  overflow: hidden;
}

.title h2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 100%;
  font-family: "lineal-medium";
  font-size: 4em;
  color: white;
  -webkit-transition: -webkit-transform 1.5s ease;
  transition: -webkit-transform 1.5s ease;
  transition: transform 1.5s ease;
  transition: transform 1.5s ease, -webkit-transform 1.5s ease;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.15);
}

.switch-2 .title h2 {
  -webkit-transform: translate(-100%);
          transform: translate(-100%);
}

.switch-3 .title h2 {
  -webkit-transform: translate(-200%);
          transform: translate(-200%);
}

.nav {
  width: 100%;
  height: 100vh;
  text-align: center;
  font-family: lineal;
  font-size: 4em;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.25);
}

.button-right {
  z-index: 10000000;
  position: fixed;
  top: 45%;
  left: calc(100% - 75px);
  width: 75px;
  height: 50px;
  cursor: pointer;
}

.button-left {
  z-index: 10000000;
  position: fixed;
  top: 45%;
  left: 0%;
  width: 75px;
  height: 50px;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.fleche {
  font-family: lineal-medium;
  font-size: 1em;
  color: white;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.fleche:hover {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.switch-1 .button-left {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.switch-3 .button-right {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.playground {
  position: fixed;
  height: 100vh;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-52%, -48%);
          transform: translate(-52%, -48%);
  -webkit-transition: -webkit-transform 1s ease, -webkit-clip-path 1s ease;
  transition: -webkit-transform 1s ease, -webkit-clip-path 1s ease;
  transition: transform 1s ease, clip-path 1s ease;
  transition: transform 1s ease, clip-path 1s ease, -webkit-transform 1s ease, -webkit-clip-path 1s ease;
}

.switch-2 .playground {
  -webkit-transform: translate(-50%, -43%);
          transform: translate(-50%, -43%);
}

.switch-3 .playground {
  -webkit-transform: translate(-52%, -45%);
          transform: translate(-52%, -45%);
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.playground.one {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.origine {
  position: relative;
  z-index: 1000000;
  width: 100%;
  height: auto;
  top: -10%;
  left: 0;
  overflow: none;
  /* background-color: rgba(255, 0, 0, 0.144); */
}

.panel1 {
  overflow: hidden;
  height: 100%;
  pointer-events: none;
}

.origine {
  display: none;
  pointer-events: none;
}

.origine .panel1 {
  display: none;
}

.switch-2 .origine {
  display: block;
  pointer-events: none;
}

.switch-2 .origine .panel1 {
  display: block;
  pointer-events: none;
}

.recette {
  position: relative;
  z-index: 1000000;
  width: 100%;
  height: auto;
  top: 15%;
  left: 0;
}

.recette {
  display: none;
}

.panel2 {
  display: none;
  width: 100%;
}

.switch-3 .recette {
  display: block;
}

.switch-3 .recette .panel2 {
  display: block;
}

h3 {
  text-align: center;
  font-family: "lineal-medium";
  font-size: 15em;
  color: white;
  text-transform: uppercase;
  text-shadow: 12px 12px rgba(0, 0, 0, 0.15);
  pointer-events: visible;
}

.p-body {
  line-height: 1.2em;
  padding: 2%;
  font-size: 3em;
  text-align: left;
  font-family: "lineal";
  color: black;
  margin-left: 20%;
  margin-right: 40%;
  margin-top: 10%;
  width: auto;
  pointer-events: visible;
}

.p-body:nth-child(2n+1) {
  margin-left: 40%;
  margin-right: 20%;
}

.quote {
  background: -webkit-gradient(linear, left top, left bottom, from(#f0dabe), to(#ece2cf));
  background: linear-gradient(#f0dabe, #ece2cf);
  -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 15px 15px rgba(0, 0, 0, 0.15);
  padding: 4%;
  line-height: 1.6em;
  opacity: 0;
  margin-top: 10%;
  font-family: "serif";
  font-size: 2.5em;
  margin-left: 35%;
  margin-right: 35%;
  color: #756e69;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate(50%, 0) rotate(6deg) !important;
          transform: translate(50%, 0) rotate(6deg) !important;
  pointer-events: visible;
}

.quote.switch-in-view {
  -webkit-transform: translate(0, 0) rotate(-4deg) !important;
          transform: translate(0, 0) rotate(-4deg) !important;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 1;
}

.txt-titre {
  opacity: 0;
  -webkit-transform: rotate(-50deg);
          transform: rotate(-50deg);
  -webkit-transition: all 1s;
  transition: all 1s;
  overflow: hidden;
}

.txt-titre.switch-in-view {
  opacity: 1;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.txt-p {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffbb00));
  background: linear-gradient(#ffff00, #ffbb00);
  -webkit-box-shadow: 15px 15px rgba(0, 0, 0, 0.15);
          box-shadow: 15px 15px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transform: translate(80%, 0) rotate(180deg) !important;
          transform: translate(80%, 0) rotate(180deg) !important;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.txt-p:nth-child(2n+1) {
  -webkit-transform: translate(-80%, 0) rotate(-180deg) !important;
          transform: translate(-80%, 0) rotate(-180deg) !important;
}

.txt-p.switch-in-view {
  -webkit-transform: rotate(-10deg) !important;
          transform: rotate(-10deg) !important;
  opacity: 1;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.txt-p.switch-in-view:nth-child(2n+1) {
  -webkit-transform: rotate(10deg) !important;
          transform: rotate(10deg) !important;
}

.recette h4 {
  z-index: 99999;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffff00), to(#ffbb00));
  background: linear-gradient(#ffff00, #ffbb00);
  -webkit-box-shadow: 8px 8px rgba(0, 0, 0, 0.15);
          box-shadow: 8px 8px rgba(0, 0, 0, 0.15);
  padding: 1%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: -webkit-sticky;
  position: sticky;
  text-align: center;
  top: 3vh;
  left: 3vh;
  font-family: "lineal";
  font-size: 4em;
  color: black;
  pointer-events: visible;
}

.p-recette {
  position: relative;
  line-height: 1.2em;
  font-size: 4em;
  text-align: center;
  font-family: "lineal";
  color: white;
  pointer-events: visible;
  margin: 80vh 20vw;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.15);
}

@-webkit-keyframes anim-shadow {
  from {
    -webkit-box-shadow: inset 0 30px 15px -20px #ff91008f;
            box-shadow: inset 0 30px 15px -20px #ff91008f;
  }
  to {
    -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
            box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  }
}

@keyframes anim-shadow {
  from {
    -webkit-box-shadow: inset 0 30px 15px -20px #ff91008f;
            box-shadow: inset 0 30px 15px -20px #ff91008f;
  }
  to {
    -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
            box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  }
}

@-webkit-keyframes anim-none {
  from {
    -webkit-box-shadow: inset 0 30px 15px -20px #ffffff00;
            box-shadow: inset 0 30px 15px -20px #ffffff00;
  }
  to {
    -webkit-box-shadow: inset 0 30px 15px -20px #ffffff00;
            box-shadow: inset 0 30px 15px -20px #ffffff00;
  }
}

@keyframes anim-none {
  from {
    -webkit-box-shadow: inset 0 30px 15px -20px #ffffff00;
            box-shadow: inset 0 30px 15px -20px #ffffff00;
  }
  to {
    -webkit-box-shadow: inset 0 30px 15px -20px #ffffff00;
            box-shadow: inset 0 30px 15px -20px #ffffff00;
  }
}

.frites {
  z-index: 10;
  background-color: yellow;
  position: absolute;
  width: 300px;
  -webkit-backface-visibility: hidden;
  /* transition: top 1s ease, left 1s ease, transform 1s ease, width 1s ease; */
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.frites:nth-child(1) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(2) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(3) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(4) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(5) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(6) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(7) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(8) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(9) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(10) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(11) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(12) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(13) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(14) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(15) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(16) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(17) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(18) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(19) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(20) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(21) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(22) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(23) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(24) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(25) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(26) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.frites:nth-child(27) {
  -webkit-animation: anim-shadow 5s linear infinite alternate;
          animation: anim-shadow 5s linear infinite alternate;
}

.one .frites {
  -webkit-animation: anim-none 1s linear infinite alternate !important;
          animation: anim-none 1s linear infinite alternate !important;
}

.one .frites:nth-child(1) {
  -webkit-transition: all 1.18519s ease !important;
  transition: all 1.18519s ease !important;
  top: 20% !important;
  left: 96% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(260deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(260deg) scale(5) !important;
}

.one .frites:nth-child(2) {
  -webkit-transition: all 1.37037s ease !important;
  transition: all 1.37037s ease !important;
  top: 37% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(344deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(344deg) scale(5) !important;
}

.one .frites:nth-child(3) {
  -webkit-transition: all 1.55556s ease !important;
  transition: all 1.55556s ease !important;
  top: 42% !important;
  left: 1% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(307deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(307deg) scale(5) !important;
}

.one .frites:nth-child(4) {
  -webkit-transition: all 1.74074s ease !important;
  transition: all 1.74074s ease !important;
  top: 21% !important;
  left: 26% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(196deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(196deg) scale(5) !important;
}

.one .frites:nth-child(5) {
  -webkit-transition: all 1.92593s ease !important;
  transition: all 1.92593s ease !important;
  top: 8% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(56deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(56deg) scale(5) !important;
}

.one .frites:nth-child(6) {
  -webkit-transition: all 2.11111s ease !important;
  transition: all 2.11111s ease !important;
  top: 48% !important;
  left: 82% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(5) !important;
}

.one .frites:nth-child(7) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 56% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(309deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(309deg) scale(5) !important;
}

.one .frites:nth-child(8) {
  -webkit-transition: all 2.48148s ease !important;
  transition: all 2.48148s ease !important;
  top: 71% !important;
  left: 86% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(248deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(248deg) scale(5) !important;
}

.one .frites:nth-child(9) {
  -webkit-transition: all 2.66667s ease !important;
  transition: all 2.66667s ease !important;
  top: 4% !important;
  left: 67% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(44deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(44deg) scale(5) !important;
}

.one .frites:nth-child(10) {
  -webkit-transition: all 2.85185s ease !important;
  transition: all 2.85185s ease !important;
  top: 43% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(5) !important;
}

.one .frites:nth-child(11) {
  -webkit-transition: all 3.03704s ease !important;
  transition: all 3.03704s ease !important;
  top: 58% !important;
  left: 8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(295deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(295deg) scale(5) !important;
}

.one .frites:nth-child(12) {
  -webkit-transition: all 3.22222s ease !important;
  transition: all 3.22222s ease !important;
  top: 32% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(227deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(227deg) scale(5) !important;
}

.one .frites:nth-child(13) {
  -webkit-transition: all 3.40741s ease !important;
  transition: all 3.40741s ease !important;
  top: 22% !important;
  left: 88% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(133deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(133deg) scale(5) !important;
}

.one .frites:nth-child(14) {
  -webkit-transition: all 3.59259s ease !important;
  transition: all 3.59259s ease !important;
  top: 84% !important;
  left: 31% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(66deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(66deg) scale(5) !important;
}

.one .frites:nth-child(15) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 82% !important;
  left: 31% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(299deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(299deg) scale(5) !important;
}

.one .frites:nth-child(16) {
  -webkit-transition: all 3.96296s ease !important;
  transition: all 3.96296s ease !important;
  top: 70% !important;
  left: 64% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(5) !important;
}

.one .frites:nth-child(17) {
  -webkit-transition: all 4.14815s ease !important;
  transition: all 4.14815s ease !important;
  top: 28% !important;
  left: 100% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(5) !important;
}

.one .frites:nth-child(18) {
  -webkit-transition: all 4.33333s ease !important;
  transition: all 4.33333s ease !important;
  top: 3% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(121deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(121deg) scale(5) !important;
}

.one .frites:nth-child(19) {
  -webkit-transition: all 4.51852s ease !important;
  transition: all 4.51852s ease !important;
  top: 60% !important;
  left: 65% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(5) !important;
}

.one .frites:nth-child(20) {
  -webkit-transition: all 4.7037s ease !important;
  transition: all 4.7037s ease !important;
  top: 51% !important;
  left: 63% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(349deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(349deg) scale(5) !important;
}

.one .frites:nth-child(21) {
  -webkit-transition: all 4.88889s ease !important;
  transition: all 4.88889s ease !important;
  top: 21% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(219deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(219deg) scale(5) !important;
}

.one .frites:nth-child(22) {
  -webkit-transition: all 5.07407s ease !important;
  transition: all 5.07407s ease !important;
  top: 82% !important;
  left: 37% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(5) !important;
}

.one .frites:nth-child(23) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 18% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(209deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(209deg) scale(5) !important;
}

.one .frites:nth-child(24) {
  -webkit-transition: all 5.44444s ease !important;
  transition: all 5.44444s ease !important;
  top: 19% !important;
  left: 80% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(259deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(259deg) scale(5) !important;
}

.one .frites:nth-child(25) {
  -webkit-transition: all 5.62963s ease !important;
  transition: all 5.62963s ease !important;
  top: 88% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(216deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(216deg) scale(5) !important;
}

.one .frites:nth-child(26) {
  -webkit-transition: all 5.81481s ease !important;
  transition: all 5.81481s ease !important;
  top: 20% !important;
  left: 89% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(5) !important;
}

.one .frites:nth-child(27) {
  -webkit-transition: all 6s ease !important;
  transition: all 6s ease !important;
  top: 43% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(5) !important;
}

.one .frites:nth-child(3n - 2) {
  background-color: black;
}

.one .frites:nth-child(3n - 1) {
  background-color: yellow;
}

.one .frites:nth-child(3n) {
  background-color: red;
}

.two .frites {
  -webkit-animation: none !important;
          animation: none !important;
}

.two .frites:nth-child(1) {
  -webkit-transition: all 1.18519s ease !important;
  transition: all 1.18519s ease !important;
  top: 32% !important;
  left: 96% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(5) !important;
}

.two .frites:nth-child(2) {
  -webkit-transition: all 1.37037s ease !important;
  transition: all 1.37037s ease !important;
  top: 35% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(65deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(65deg) scale(5) !important;
}

.two .frites:nth-child(3) {
  -webkit-transition: all 1.55556s ease !important;
  transition: all 1.55556s ease !important;
  top: 49% !important;
  left: 90% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
}

.two .frites:nth-child(4) {
  -webkit-transition: all 1.74074s ease !important;
  transition: all 1.74074s ease !important;
  top: 10% !important;
  left: 76% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(44deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(44deg) scale(5) !important;
}

.two .frites:nth-child(5) {
  -webkit-transition: all 1.92593s ease !important;
  transition: all 1.92593s ease !important;
  top: 41% !important;
  left: 9% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(5) !important;
}

.two .frites:nth-child(6) {
  -webkit-transition: all 2.11111s ease !important;
  transition: all 2.11111s ease !important;
  top: 27% !important;
  left: 72% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(5) !important;
}

.two .frites:nth-child(7) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 36% !important;
  left: 1% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
}

.two .frites:nth-child(8) {
  -webkit-transition: all 2.48148s ease !important;
  transition: all 2.48148s ease !important;
  top: 68% !important;
  left: 16% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(96deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(96deg) scale(5) !important;
}

.two .frites:nth-child(9) {
  -webkit-transition: all 2.66667s ease !important;
  transition: all 2.66667s ease !important;
  top: 5% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(56deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(56deg) scale(5) !important;
}

.two .frites:nth-child(10) {
  -webkit-transition: all 2.85185s ease !important;
  transition: all 2.85185s ease !important;
  top: 21% !important;
  left: 49% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(42deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(42deg) scale(5) !important;
}

.two .frites:nth-child(11) {
  -webkit-transition: all 3.03704s ease !important;
  transition: all 3.03704s ease !important;
  top: 87% !important;
  left: 91% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(5) !important;
}

.two .frites:nth-child(12) {
  -webkit-transition: all 3.22222s ease !important;
  transition: all 3.22222s ease !important;
  top: 19% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(5) !important;
}

.two .frites:nth-child(13) {
  -webkit-transition: all 3.40741s ease !important;
  transition: all 3.40741s ease !important;
  top: 93% !important;
  left: 86% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(46deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(46deg) scale(5) !important;
}

.two .frites:nth-child(14) {
  -webkit-transition: all 3.59259s ease !important;
  transition: all 3.59259s ease !important;
  top: 16% !important;
  left: 31% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(5) !important;
}

.two .frites:nth-child(15) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 86% !important;
  left: 84% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(264deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(264deg) scale(5) !important;
}

.two .frites:nth-child(16) {
  -webkit-transition: all 3.96296s ease !important;
  transition: all 3.96296s ease !important;
  top: 98% !important;
  left: 45% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(242deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(242deg) scale(5) !important;
}

.two .frites:nth-child(17) {
  -webkit-transition: all 4.14815s ease !important;
  transition: all 4.14815s ease !important;
  top: 52% !important;
  left: 86% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(1deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(1deg) scale(5) !important;
}

.two .frites:nth-child(18) {
  -webkit-transition: all 4.33333s ease !important;
  transition: all 4.33333s ease !important;
  top: 94% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(163deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(163deg) scale(5) !important;
}

.two .frites:nth-child(19) {
  -webkit-transition: all 4.51852s ease !important;
  transition: all 4.51852s ease !important;
  top: 77% !important;
  left: 6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(191deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(191deg) scale(5) !important;
}

.two .frites:nth-child(20) {
  -webkit-transition: all 4.7037s ease !important;
  transition: all 4.7037s ease !important;
  top: 9% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(33deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(33deg) scale(5) !important;
}

.two .frites:nth-child(21) {
  -webkit-transition: all 4.88889s ease !important;
  transition: all 4.88889s ease !important;
  top: 48% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
}

.two .frites:nth-child(22) {
  -webkit-transition: all 5.07407s ease !important;
  transition: all 5.07407s ease !important;
  top: 97% !important;
  left: 82% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(24deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(24deg) scale(5) !important;
}

.two .frites:nth-child(23) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 10% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(269deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(269deg) scale(5) !important;
}

.two .frites:nth-child(24) {
  -webkit-transition: all 5.44444s ease !important;
  transition: all 5.44444s ease !important;
  top: 14% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
}

.two .frites:nth-child(25) {
  -webkit-transition: all 5.62963s ease !important;
  transition: all 5.62963s ease !important;
  top: 94% !important;
  left: 57% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(175deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(175deg) scale(5) !important;
}

.two .frites:nth-child(26) {
  -webkit-transition: all 5.81481s ease !important;
  transition: all 5.81481s ease !important;
  top: 94% !important;
  left: 30% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
}

.two .frites:nth-child(27) {
  -webkit-transition: all 6s ease !important;
  transition: all 6s ease !important;
  top: 92% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(87deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(87deg) scale(5) !important;
}

.two .frites:nth-child(3n - 2) {
  background-color: black;
}

.two .frites:nth-child(3n - 1) {
  background-color: yellow;
}

.two .frites:nth-child(3n) {
  background-color: red;
}

.three .frites {
  -webkit-animation: none !important;
          animation: none !important;
}

.three .frites:nth-child(1) {
  -webkit-transition: all 1.18519s ease !important;
  transition: all 1.18519s ease !important;
  top: 64% !important;
  left: 76% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(303deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(303deg) scale(5) !important;
}

.three .frites:nth-child(2) {
  -webkit-transition: all 1.37037s ease !important;
  transition: all 1.37037s ease !important;
  top: 93% !important;
  left: 2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(192deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(192deg) scale(5) !important;
}

.three .frites:nth-child(3) {
  -webkit-transition: all 1.55556s ease !important;
  transition: all 1.55556s ease !important;
  top: 44% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(344deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(344deg) scale(5) !important;
}

.three .frites:nth-child(4) {
  -webkit-transition: all 1.74074s ease !important;
  transition: all 1.74074s ease !important;
  top: 40% !important;
  left: 86% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
}

.three .frites:nth-child(5) {
  -webkit-transition: all 1.92593s ease !important;
  transition: all 1.92593s ease !important;
  top: 9% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(5) !important;
}

.three .frites:nth-child(6) {
  -webkit-transition: all 2.11111s ease !important;
  transition: all 2.11111s ease !important;
  top: 86% !important;
  left: 100% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(124deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(124deg) scale(5) !important;
}

.three .frites:nth-child(7) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 12% !important;
  left: 18% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(127deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(127deg) scale(5) !important;
}

.three .frites:nth-child(8) {
  -webkit-transition: all 2.48148s ease !important;
  transition: all 2.48148s ease !important;
  top: 15% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(37deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(37deg) scale(5) !important;
}

.three .frites:nth-child(9) {
  -webkit-transition: all 2.66667s ease !important;
  transition: all 2.66667s ease !important;
  top: 99% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(221deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(221deg) scale(5) !important;
}

.three .frites:nth-child(10) {
  -webkit-transition: all 2.85185s ease !important;
  transition: all 2.85185s ease !important;
  top: 33% !important;
  left: 84% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(189deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(189deg) scale(5) !important;
}

.three .frites:nth-child(11) {
  -webkit-transition: all 3.03704s ease !important;
  transition: all 3.03704s ease !important;
  top: 5% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(5) !important;
}

.three .frites:nth-child(12) {
  -webkit-transition: all 3.22222s ease !important;
  transition: all 3.22222s ease !important;
  top: 10% !important;
  left: 99% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(108deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(108deg) scale(5) !important;
}

.three .frites:nth-child(13) {
  -webkit-transition: all 3.40741s ease !important;
  transition: all 3.40741s ease !important;
  top: 56% !important;
  left: 51% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(299deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(299deg) scale(5) !important;
}

.three .frites:nth-child(14) {
  -webkit-transition: all 3.59259s ease !important;
  transition: all 3.59259s ease !important;
  top: 65% !important;
  left: 76% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(5) !important;
}

.three .frites:nth-child(15) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 6% !important;
  left: 67% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(5) !important;
}

.three .frites:nth-child(16) {
  -webkit-transition: all 3.96296s ease !important;
  transition: all 3.96296s ease !important;
  top: 36% !important;
  left: 100% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(132deg) scale(5) !important;
}

.three .frites:nth-child(17) {
  -webkit-transition: all 4.14815s ease !important;
  transition: all 4.14815s ease !important;
  top: 54% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(72deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(72deg) scale(5) !important;
}

.three .frites:nth-child(18) {
  -webkit-transition: all 4.33333s ease !important;
  transition: all 4.33333s ease !important;
  top: 58% !important;
  left: 44% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(245deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(245deg) scale(5) !important;
}

.three .frites:nth-child(19) {
  -webkit-transition: all 4.51852s ease !important;
  transition: all 4.51852s ease !important;
  top: 46% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(69deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(69deg) scale(5) !important;
}

.three .frites:nth-child(20) {
  -webkit-transition: all 4.7037s ease !important;
  transition: all 4.7037s ease !important;
  top: 76% !important;
  left: 45% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(159deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(159deg) scale(5) !important;
}

.three .frites:nth-child(21) {
  -webkit-transition: all 4.88889s ease !important;
  transition: all 4.88889s ease !important;
  top: 60% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(147deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(147deg) scale(5) !important;
}

.three .frites:nth-child(22) {
  -webkit-transition: all 5.07407s ease !important;
  transition: all 5.07407s ease !important;
  top: 70% !important;
  left: 17% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(5) !important;
}

.three .frites:nth-child(23) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 36% !important;
  left: 13% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(91deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(91deg) scale(5) !important;
}

.three .frites:nth-child(24) {
  -webkit-transition: all 5.44444s ease !important;
  transition: all 5.44444s ease !important;
  top: 50% !important;
  left: 65% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(5) !important;
}

.three .frites:nth-child(25) {
  -webkit-transition: all 5.62963s ease !important;
  transition: all 5.62963s ease !important;
  top: 17% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(338deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(338deg) scale(5) !important;
}

.three .frites:nth-child(26) {
  -webkit-transition: all 5.81481s ease !important;
  transition: all 5.81481s ease !important;
  top: 10% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(52deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(52deg) scale(5) !important;
}

.three .frites:nth-child(27) {
  -webkit-transition: all 6s ease !important;
  transition: all 6s ease !important;
  top: 89% !important;
  left: 98% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(168deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(168deg) scale(5) !important;
}

.three .frites:nth-child(3n - 2) {
  background-color: black;
}

.three .frites:nth-child(3n - 1) {
  background-color: yellow;
}

.three .frites:nth-child(3n) {
  background-color: red;
}

.four .frites {
  -webkit-animation: none !important;
          animation: none !important;
}

.four .frites:nth-child(1) {
  -webkit-transition: all 1.18519s ease !important;
  transition: all 1.18519s ease !important;
  top: 76% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(234deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(234deg) scale(5) !important;
}

.four .frites:nth-child(2) {
  -webkit-transition: all 1.37037s ease !important;
  transition: all 1.37037s ease !important;
  top: 59% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(297deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(297deg) scale(5) !important;
}

.four .frites:nth-child(3) {
  -webkit-transition: all 1.55556s ease !important;
  transition: all 1.55556s ease !important;
  top: 98% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(257deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(257deg) scale(5) !important;
}

.four .frites:nth-child(4) {
  -webkit-transition: all 1.74074s ease !important;
  transition: all 1.74074s ease !important;
  top: 64% !important;
  left: 79% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(5) !important;
}

.four .frites:nth-child(5) {
  -webkit-transition: all 1.92593s ease !important;
  transition: all 1.92593s ease !important;
  top: 82% !important;
  left: 73% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(173deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(173deg) scale(5) !important;
}

.four .frites:nth-child(6) {
  -webkit-transition: all 2.11111s ease !important;
  transition: all 2.11111s ease !important;
  top: 60% !important;
  left: 8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(73deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(73deg) scale(5) !important;
}

.four .frites:nth-child(7) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 9% !important;
  left: 33% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(313deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(313deg) scale(5) !important;
}

.four .frites:nth-child(8) {
  -webkit-transition: all 2.48148s ease !important;
  transition: all 2.48148s ease !important;
  top: 33% !important;
  left: 62% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(184deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(184deg) scale(5) !important;
}

.four .frites:nth-child(9) {
  -webkit-transition: all 2.66667s ease !important;
  transition: all 2.66667s ease !important;
  top: 30% !important;
  left: 52% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(188deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(188deg) scale(5) !important;
}

.four .frites:nth-child(10) {
  -webkit-transition: all 2.85185s ease !important;
  transition: all 2.85185s ease !important;
  top: 71% !important;
  left: 22% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(168deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(168deg) scale(5) !important;
}

.four .frites:nth-child(11) {
  -webkit-transition: all 3.03704s ease !important;
  transition: all 3.03704s ease !important;
  top: 24% !important;
  left: 1% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(244deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(244deg) scale(5) !important;
}

.four .frites:nth-child(12) {
  -webkit-transition: all 3.22222s ease !important;
  transition: all 3.22222s ease !important;
  top: 48% !important;
  left: 5% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(5) !important;
}

.four .frites:nth-child(13) {
  -webkit-transition: all 3.40741s ease !important;
  transition: all 3.40741s ease !important;
  top: 85% !important;
  left: 3% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(307deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(307deg) scale(5) !important;
}

.four .frites:nth-child(14) {
  -webkit-transition: all 3.59259s ease !important;
  transition: all 3.59259s ease !important;
  top: 21% !important;
  left: 64% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(5) !important;
}

.four .frites:nth-child(15) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 80% !important;
  left: 74% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(263deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(263deg) scale(5) !important;
}

.four .frites:nth-child(16) {
  -webkit-transition: all 3.96296s ease !important;
  transition: all 3.96296s ease !important;
  top: 11% !important;
  left: 97% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(333deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(333deg) scale(5) !important;
}

.four .frites:nth-child(17) {
  -webkit-transition: all 4.14815s ease !important;
  transition: all 4.14815s ease !important;
  top: 36% !important;
  left: 18% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(15deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(15deg) scale(5) !important;
}

.four .frites:nth-child(18) {
  -webkit-transition: all 4.33333s ease !important;
  transition: all 4.33333s ease !important;
  top: 48% !important;
  left: 8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(255deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(255deg) scale(5) !important;
}

.four .frites:nth-child(19) {
  -webkit-transition: all 4.51852s ease !important;
  transition: all 4.51852s ease !important;
  top: 96% !important;
  left: 98% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(250deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(250deg) scale(5) !important;
}

.four .frites:nth-child(20) {
  -webkit-transition: all 4.7037s ease !important;
  transition: all 4.7037s ease !important;
  top: 63% !important;
  left: 80% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(5) !important;
}

.four .frites:nth-child(21) {
  -webkit-transition: all 4.88889s ease !important;
  transition: all 4.88889s ease !important;
  top: 46% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
}

.four .frites:nth-child(22) {
  -webkit-transition: all 5.07407s ease !important;
  transition: all 5.07407s ease !important;
  top: 9% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(243deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(243deg) scale(5) !important;
}

.four .frites:nth-child(23) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 15% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(84deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(84deg) scale(5) !important;
}

.four .frites:nth-child(24) {
  -webkit-transition: all 5.44444s ease !important;
  transition: all 5.44444s ease !important;
  top: 18% !important;
  left: 7% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(255deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(255deg) scale(5) !important;
}

.four .frites:nth-child(25) {
  -webkit-transition: all 5.62963s ease !important;
  transition: all 5.62963s ease !important;
  top: 41% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(266deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(266deg) scale(5) !important;
}

.four .frites:nth-child(26) {
  -webkit-transition: all 5.81481s ease !important;
  transition: all 5.81481s ease !important;
  top: 11% !important;
  left: 80% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(334deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(334deg) scale(5) !important;
}

.four .frites:nth-child(27) {
  -webkit-transition: all 6s ease !important;
  transition: all 6s ease !important;
  top: 24% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(120deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(120deg) scale(5) !important;
}

.four .frites:nth-child(3n - 2) {
  background-color: black;
}

.four .frites:nth-child(3n - 1) {
  background-color: yellow;
}

.four .frites:nth-child(3n) {
  background-color: red;
}

.five .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none !important;
          animation: none !important;
}

.five .frites:nth-child(1) {
  top: 44% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(284deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(284deg) scale(5) !important;
}

.five .frites:nth-child(2) {
  top: 89% !important;
  left: 82% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(327deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(327deg) scale(5) !important;
}

.five .frites:nth-child(3) {
  top: 63% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
}

.five .frites:nth-child(4) {
  top: 59% !important;
  left: 27% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(292deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(292deg) scale(5) !important;
}

.five .frites:nth-child(5) {
  top: 60% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(87deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(87deg) scale(5) !important;
}

.five .frites:nth-child(6) {
  top: 71% !important;
  left: 100% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(5) !important;
}

.five .frites:nth-child(7) {
  top: 96% !important;
  left: 99% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
}

.five .frites:nth-child(8) {
  top: 74% !important;
  left: 35% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
}

.five .frites:nth-child(9) {
  top: 72% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(25deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(25deg) scale(5) !important;
}

.five .frites:nth-child(10) {
  top: 50% !important;
  left: 80% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(280deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(280deg) scale(5) !important;
}

.five .frites:nth-child(11) {
  top: 96% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(5) !important;
}

.five .frites:nth-child(12) {
  top: 63% !important;
  left: 33% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(295deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(295deg) scale(5) !important;
}

.five .frites:nth-child(13) {
  top: 53% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(338deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(338deg) scale(5) !important;
}

.five .frites:nth-child(14) {
  top: 10% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(5) !important;
}

.five .frites:nth-child(15) {
  top: 29% !important;
  left: 25% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(5) !important;
}

.five .frites:nth-child(16) {
  top: 2% !important;
  left: 82% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(5) !important;
}

.five .frites:nth-child(17) {
  top: 74% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(134deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(134deg) scale(5) !important;
}

.five .frites:nth-child(18) {
  top: 69% !important;
  left: 47% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(5) !important;
}

.five .frites:nth-child(19) {
  top: 65% !important;
  left: 45% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(354deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(354deg) scale(5) !important;
}

.five .frites:nth-child(20) {
  top: 87% !important;
  left: 84% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(308deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(308deg) scale(5) !important;
}

.five .frites:nth-child(21) {
  top: 24% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(187deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(187deg) scale(5) !important;
}

.five .frites:nth-child(22) {
  top: 6% !important;
  left: 2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(123deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(123deg) scale(5) !important;
}

.five .frites:nth-child(23) {
  top: 55% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(5) !important;
}

.five .frites:nth-child(24) {
  top: 2% !important;
  left: 90% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(13deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(13deg) scale(5) !important;
}

.five .frites:nth-child(25) {
  top: 97% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(164deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(164deg) scale(5) !important;
}

.five .frites:nth-child(26) {
  top: 84% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(2deg) scale(5) !important;
}

.five .frites:nth-child(27) {
  top: 17% !important;
  left: 31% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(125deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(125deg) scale(5) !important;
}

.five .frites:nth-child(3n - 2) {
  background-color: blue;
}

.five .frites:nth-child(3n - 1) {
  background-color: white;
}

.five .frites:nth-child(3n) {
  background-color: red;
}

.five .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none !important;
          animation: none !important;
}

.five .frites:nth-child(1) {
  top: 9% !important;
  left: 62% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(172deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(172deg) scale(5) !important;
}

.five .frites:nth-child(2) {
  top: 48% !important;
  left: 97% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
}

.five .frites:nth-child(3) {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(5) !important;
}

.five .frites:nth-child(4) {
  top: 50% !important;
  left: 93% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(8deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(8deg) scale(5) !important;
}

.five .frites:nth-child(5) {
  top: 33% !important;
  left: 58% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(21deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(21deg) scale(5) !important;
}

.five .frites:nth-child(6) {
  top: 66% !important;
  left: 25% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(57deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(57deg) scale(5) !important;
}

.five .frites:nth-child(7) {
  top: 38% !important;
  left: 98% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(158deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(158deg) scale(5) !important;
}

.five .frites:nth-child(8) {
  top: 63% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(5) !important;
}

.five .frites:nth-child(9) {
  top: 20% !important;
  left: 55% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(206deg) scale(5) !important;
}

.five .frites:nth-child(10) {
  top: 97% !important;
  left: 73% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(248deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(248deg) scale(5) !important;
}

.five .frites:nth-child(11) {
  top: 88% !important;
  left: 5% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(300deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(300deg) scale(5) !important;
}

.five .frites:nth-child(12) {
  top: 48% !important;
  left: 94% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(5) !important;
}

.five .frites:nth-child(13) {
  top: 29% !important;
  left: 97% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(164deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(164deg) scale(5) !important;
}

.five .frites:nth-child(14) {
  top: 9% !important;
  left: 62% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(163deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(163deg) scale(5) !important;
}

.five .frites:nth-child(15) {
  top: 75% !important;
  left: 99% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(328deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(328deg) scale(5) !important;
}

.five .frites:nth-child(16) {
  top: 71% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(82deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(82deg) scale(5) !important;
}

.five .frites:nth-child(17) {
  top: 1% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
}

.five .frites:nth-child(18) {
  top: 66% !important;
  left: 52% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(5) !important;
}

.five .frites:nth-child(19) {
  top: 41% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(156deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(156deg) scale(5) !important;
}

.five .frites:nth-child(20) {
  top: 41% !important;
  left: 81% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(312deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(312deg) scale(5) !important;
}

.five .frites:nth-child(21) {
  top: 34% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(320deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(320deg) scale(5) !important;
}

.five .frites:nth-child(22) {
  top: 57% !important;
  left: 26% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(5) !important;
}

.five .frites:nth-child(23) {
  top: 12% !important;
  left: 55% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(273deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(273deg) scale(5) !important;
}

.five .frites:nth-child(24) {
  top: 51% !important;
  left: 13% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(285deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(285deg) scale(5) !important;
}

.five .frites:nth-child(25) {
  top: 77% !important;
  left: 56% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
}

.five .frites:nth-child(26) {
  top: 99% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(112deg) scale(5) !important;
}

.five .frites:nth-child(27) {
  top: 13% !important;
  left: 57% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(231deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(231deg) scale(5) !important;
}

.five .frites:nth-child(3n - 2) {
  background-color: blue;
}

.five .frites:nth-child(3n - 1) {
  background-color: white;
}

.five .frites:nth-child(3n) {
  background-color: red;
}

.six .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none !important;
          animation: none !important;
}

.six .frites:nth-child(1) {
  top: 1% !important;
  left: 5% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
}

.six .frites:nth-child(2) {
  top: 7% !important;
  left: 35% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(32deg) scale(5) !important;
}

.six .frites:nth-child(3) {
  top: 14% !important;
  left: 43% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(82deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(82deg) scale(5) !important;
}

.six .frites:nth-child(4) {
  top: 66% !important;
  left: 22% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(5) !important;
}

.six .frites:nth-child(5) {
  top: 9% !important;
  left: 81% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(310deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(310deg) scale(5) !important;
}

.six .frites:nth-child(6) {
  top: 72% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(17deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(17deg) scale(5) !important;
}

.six .frites:nth-child(7) {
  top: 93% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(5) !important;
}

.six .frites:nth-child(8) {
  top: 67% !important;
  left: 33% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(5) !important;
}

.six .frites:nth-child(9) {
  top: 3% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(182deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(182deg) scale(5) !important;
}

.six .frites:nth-child(10) {
  top: 31% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(258deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(258deg) scale(5) !important;
}

.six .frites:nth-child(11) {
  top: 12% !important;
  left: 1% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(336deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(336deg) scale(5) !important;
}

.six .frites:nth-child(12) {
  top: 20% !important;
  left: 43% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(257deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(257deg) scale(5) !important;
}

.six .frites:nth-child(13) {
  top: 99% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(71deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(71deg) scale(5) !important;
}

.six .frites:nth-child(14) {
  top: 26% !important;
  left: 92% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(310deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(310deg) scale(5) !important;
}

.six .frites:nth-child(15) {
  top: 26% !important;
  left: 97% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(5) !important;
}

.six .frites:nth-child(16) {
  top: 81% !important;
  left: 81% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(5) !important;
}

.six .frites:nth-child(17) {
  top: 31% !important;
  left: 76% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(138deg) scale(5) !important;
}

.six .frites:nth-child(18) {
  top: 52% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(334deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(334deg) scale(5) !important;
}

.six .frites:nth-child(19) {
  top: 40% !important;
  left: 33% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(192deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(192deg) scale(5) !important;
}

.six .frites:nth-child(20) {
  top: 95% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(114deg) scale(5) !important;
}

.six .frites:nth-child(21) {
  top: 17% !important;
  left: 10% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(222deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(222deg) scale(5) !important;
}

.six .frites:nth-child(22) {
  top: 67% !important;
  left: 43% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(101deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(101deg) scale(5) !important;
}

.six .frites:nth-child(23) {
  top: 73% !important;
  left: 93% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(5) !important;
}

.six .frites:nth-child(24) {
  top: 51% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(130deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(130deg) scale(5) !important;
}

.six .frites:nth-child(25) {
  top: 36% !important;
  left: 73% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(321deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(321deg) scale(5) !important;
}

.six .frites:nth-child(26) {
  top: 22% !important;
  left: 7% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(92deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(92deg) scale(5) !important;
}

.six .frites:nth-child(27) {
  top: 77% !important;
  left: 79% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(5) !important;
          transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(5) !important;
}

.six .frites:nth-child(3n - 2) {
  background-color: blue;
}

.six .frites:nth-child(3n - 1) {
  background-color: white;
}

.six .frites:nth-child(3n) {
  background-color: red;
}

.frites.big {
  -webkit-transition: all 4s ease;
  transition: all 4s ease;
}

.frites.big:nth-child(1) {
  -webkit-transform: rotate(23deg) !important;
          transform: rotate(23deg) !important;
}

.frites.big:nth-child(2) {
  -webkit-transform: rotate(8deg) !important;
          transform: rotate(8deg) !important;
}

.frites.big:nth-child(3) {
  -webkit-transform: rotate(182deg) !important;
          transform: rotate(182deg) !important;
}

.frites.big:nth-child(4) {
  -webkit-transform: rotate(167deg) !important;
          transform: rotate(167deg) !important;
}

.frites.big:nth-child(5) {
  -webkit-transform: rotate(207deg) !important;
          transform: rotate(207deg) !important;
}

.frites.big:nth-child(6) {
  -webkit-transform: rotate(154deg) !important;
          transform: rotate(154deg) !important;
}

.frites.big:nth-child(7) {
  -webkit-transform: rotate(230deg) !important;
          transform: rotate(230deg) !important;
}

.frites.big:nth-child(8) {
  -webkit-transform: rotate(162deg) !important;
          transform: rotate(162deg) !important;
}

.frites.big:nth-child(9) {
  -webkit-transform: rotate(262deg) !important;
          transform: rotate(262deg) !important;
}

.frites.big:nth-child(10) {
  -webkit-transform: rotate(119deg) !important;
          transform: rotate(119deg) !important;
}

.frites.big:nth-child(11) {
  -webkit-transform: rotate(89deg) !important;
          transform: rotate(89deg) !important;
}

.frites.big:nth-child(12) {
  -webkit-transform: rotate(327deg) !important;
          transform: rotate(327deg) !important;
}

.frites.big:nth-child(13) {
  -webkit-transform: rotate(358deg) !important;
          transform: rotate(358deg) !important;
}

.frites.big:nth-child(14) {
  -webkit-transform: rotate(257deg) !important;
          transform: rotate(257deg) !important;
}

.frites.big:nth-child(15) {
  -webkit-transform: rotate(345deg) !important;
          transform: rotate(345deg) !important;
}

.frites.big:nth-child(16) {
  -webkit-transform: rotate(318deg) !important;
          transform: rotate(318deg) !important;
}

.frites.big:nth-child(17) {
  -webkit-transform: rotate(231deg) !important;
          transform: rotate(231deg) !important;
}

.frites.big:nth-child(18) {
  -webkit-transform: rotate(202deg) !important;
          transform: rotate(202deg) !important;
}

.frites.big:nth-child(19) {
  -webkit-transform: rotate(102deg) !important;
          transform: rotate(102deg) !important;
}

.frites.big:nth-child(20) {
  -webkit-transform: rotate(353deg) !important;
          transform: rotate(353deg) !important;
}

.frites.big:nth-child(21) {
  -webkit-transform: rotate(274deg) !important;
          transform: rotate(274deg) !important;
}

.frites.big:nth-child(22) {
  -webkit-transform: rotate(343deg) !important;
          transform: rotate(343deg) !important;
}

.frites.big:nth-child(23) {
  -webkit-transform: rotate(325deg) !important;
          transform: rotate(325deg) !important;
}

.frites.big:nth-child(24) {
  -webkit-transform: rotate(87deg) !important;
          transform: rotate(87deg) !important;
}

.frites.big:nth-child(25) {
  -webkit-transform: rotate(267deg) !important;
          transform: rotate(267deg) !important;
}

.frites.big:nth-child(26) {
  -webkit-transform: rotate(50deg) !important;
          transform: rotate(50deg) !important;
}

.frites.big:nth-child(27) {
  -webkit-transform: rotate(86deg) !important;
          transform: rotate(86deg) !important;
}

.playground.rec-one, .playground.rec-two, .playground.rec-three, .playground.rec-four, .playground.rec-five, .playground.rec-six, .playground.rec-seven, .playground.rec-eight, .playground.rec-nine, .playground.rec-ten {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.patate {
  opacity: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  height: 5000vh;
  -webkit-transition: all 2s ease-in;
  transition: all 2s ease-in;
}

.patate.resize {
  opacity: 1;
  height: 300vh;
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.rec-one .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none;
          animation: none;
}

.rec-one .frites:nth-child(1) {
  top: 26% !important;
  left: 96% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(312deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(312deg) scale(8) !important;
}

.rec-one .frites:nth-child(2) {
  top: 5% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(261deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(261deg) scale(8) !important;
}

.rec-one .frites:nth-child(3) {
  top: 38% !important;
  left: 63% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(286deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(286deg) scale(8) !important;
}

.rec-one .frites:nth-child(4) {
  top: 91% !important;
  left: 100% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(302deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(302deg) scale(8) !important;
}

.rec-one .frites:nth-child(5) {
  top: 93% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(137deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(137deg) scale(8) !important;
}

.rec-one .frites:nth-child(6) {
  top: 31% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(161deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(161deg) scale(8) !important;
}

.rec-one .frites:nth-child(7) {
  top: 76% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(194deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(194deg) scale(8) !important;
}

.rec-one .frites:nth-child(8) {
  top: 100% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(115deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(115deg) scale(8) !important;
}

.rec-one .frites:nth-child(9) {
  top: 36% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(28deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(28deg) scale(8) !important;
}

.rec-one .frites:nth-child(10) {
  top: 37% !important;
  left: 4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(276deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(276deg) scale(8) !important;
}

.rec-one .frites:nth-child(11) {
  top: 88% !important;
  left: 92% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(8) !important;
}

.rec-one .frites:nth-child(12) {
  top: 27% !important;
  left: 7% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(166deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(166deg) scale(8) !important;
}

.rec-one .frites:nth-child(13) {
  top: 30% !important;
  left: 70% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(176deg) scale(8) !important;
}

.rec-one .frites:nth-child(14) {
  top: 26% !important;
  left: 94% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(224deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(224deg) scale(8) !important;
}

.rec-one .frites:nth-child(15) {
  top: 39% !important;
  left: 94% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(8) !important;
}

.rec-one .frites:nth-child(16) {
  top: 5% !important;
  left: 84% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(139deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(139deg) scale(8) !important;
}

.rec-one .frites:nth-child(17) {
  top: 40% !important;
  left: 62% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(8) !important;
}

.rec-one .frites:nth-child(18) {
  top: 4% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(42deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(42deg) scale(8) !important;
}

.rec-one .frites:nth-child(19) {
  top: 79% !important;
  left: 73% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(247deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(247deg) scale(8) !important;
}

.rec-one .frites:nth-child(20) {
  top: 77% !important;
  left: 17% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(298deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(298deg) scale(8) !important;
}

.rec-one .frites:nth-child(21) {
  top: 11% !important;
  left: 63% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(193deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(193deg) scale(8) !important;
}

.rec-one .frites:nth-child(22) {
  top: 20% !important;
  left: 81% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(57deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(57deg) scale(8) !important;
}

.rec-one .frites:nth-child(23) {
  top: 52% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(243deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(243deg) scale(8) !important;
}

.rec-one .frites:nth-child(24) {
  top: 39% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(146deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(146deg) scale(8) !important;
}

.rec-one .frites:nth-child(25) {
  top: 55% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(322deg) scale(8) !important;
}

.rec-one .frites:nth-child(26) {
  top: 24% !important;
  left: 8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(8) !important;
}

.rec-one .frites:nth-child(27) {
  top: 82% !important;
  left: 96% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(198deg) scale(8) !important;
          transform: translate3d(-50%, -50%, 0) rotate(198deg) scale(8) !important;
}

.rec-one .frites:nth-child(3n - 2) {
  background-color: #8a7049 !important;
}

.rec-one .frites:nth-child(3n - 1) {
  background-color: #9e8154 !important;
}

.rec-one .frites:nth-child(3n) {
  background-color: #cfaa5b !important;
}

.rec-two .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none;
          animation: none;
}

.rec-two .frites:nth-child(1) {
  width: 29% !important;
  top: 50% !important;
  left: 8.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(1) !important;
}

.rec-two .frites:nth-child(2) {
  width: 27% !important;
  top: 50% !important;
  left: 11.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(1) !important;
}

.rec-two .frites:nth-child(3) {
  width: 18% !important;
  top: 50% !important;
  left: 14.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(91deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(91deg) scale(1) !important;
}

.rec-two .frites:nth-child(4) {
  width: 13% !important;
  top: 50% !important;
  left: 17.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1) !important;
}

.rec-two .frites:nth-child(5) {
  width: 33% !important;
  top: 50% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(1) !important;
}

.rec-two .frites:nth-child(6) {
  width: 24% !important;
  top: 50% !important;
  left: 24.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(84deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(84deg) scale(1) !important;
}

.rec-two .frites:nth-child(7) {
  width: 21% !important;
  top: 50% !important;
  left: 27.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(99deg) scale(1) !important;
}

.rec-two .frites:nth-child(8) {
  width: 24% !important;
  top: 50% !important;
  left: 30.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
}

.rec-two .frites:nth-child(9) {
  width: 12% !important;
  top: 50% !important;
  left: 33.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(88deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(88deg) scale(1) !important;
}

.rec-two .frites:nth-child(10) {
  width: 27% !important;
  top: 50% !important;
  left: 37% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(108deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(108deg) scale(1) !important;
}

.rec-two .frites:nth-child(11) {
  width: 30% !important;
  top: 50% !important;
  left: 40.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
}

.rec-two .frites:nth-child(12) {
  width: 22% !important;
  top: 50% !important;
  left: 43.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(1) !important;
}

.rec-two .frites:nth-child(13) {
  width: 28% !important;
  top: 50% !important;
  left: 46.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(1) !important;
}

.rec-two .frites:nth-child(14) {
  width: 29% !important;
  top: 50% !important;
  left: 49.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
}

.rec-two .frites:nth-child(15) {
  width: 24% !important;
  top: 50% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(95deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(95deg) scale(1) !important;
}

.rec-two .frites:nth-child(16) {
  width: 29% !important;
  top: 50% !important;
  left: 56.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
}

.rec-two .frites:nth-child(17) {
  width: 11% !important;
  top: 50% !important;
  left: 59.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(1) !important;
}

.rec-two .frites:nth-child(18) {
  width: 22% !important;
  top: 50% !important;
  left: 62.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
}

.rec-two .frites:nth-child(19) {
  width: 17% !important;
  top: 50% !important;
  left: 65.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
}

.rec-two .frites:nth-child(20) {
  width: 22% !important;
  top: 50% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(93deg) scale(1) !important;
}

.rec-two .frites:nth-child(21) {
  width: 31% !important;
  top: 50% !important;
  left: 72.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(1) !important;
}

.rec-two .frites:nth-child(22) {
  width: 19% !important;
  top: 50% !important;
  left: 75.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(103deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(103deg) scale(1) !important;
}

.rec-two .frites:nth-child(23) {
  width: 21% !important;
  top: 50% !important;
  left: 78.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(106deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(106deg) scale(1) !important;
}

.rec-two .frites:nth-child(24) {
  width: 18% !important;
  top: 50% !important;
  left: 81.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
}

.rec-two .frites:nth-child(25) {
  width: 32% !important;
  top: 50% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
}

.rec-two .frites:nth-child(26) {
  width: 20% !important;
  top: 50% !important;
  left: 88.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(106deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(106deg) scale(1) !important;
}

.rec-two .frites:nth-child(27) {
  width: 13% !important;
  top: 50% !important;
  left: 91.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(100deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(100deg) scale(1) !important;
}

.rec-two .frites:nth-child(3n - 2) {
  background-color: #e0cc14 !important;
}

.rec-two .frites:nth-child(3n - 1) {
  background-color: #c9b543 !important;
}

.rec-two .frites:nth-child(3n) {
  background-color: #cfbe5b !important;
}

@-webkit-keyframes plouf {
  from {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
  to {
    -webkit-transform: scale(2) translate(5%, -5%);
            transform: scale(2) translate(5%, -5%);
  }
}

@keyframes plouf {
  from {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
  }
  to {
    -webkit-transform: scale(2) translate(5%, -5%);
            transform: scale(2) translate(5%, -5%);
  }
}

.gouttes {
  visibility: hidden;
  top: 50%;
  left: -50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  width: 100%;
  height: 100vh;
  -webkit-transition: all 3s linear;
  transition: all 3s linear;
}

.gouttes.anim {
  visibility: visible;
  left: 200%;
  -webkit-transition: all 3s linear;
  transition: all 3s linear;
}

.goutte-big {
  z-index: 1;
  animation: plouf 4s ease infinite alternate-reverse;
  position: absolute;
}

.goutte-med {
  animation: plouf 2s ease infinite alternate-reverse;
  position: absolute;
}

.goutte-small {
  position: absolute;
  animation: plouf 1.5s ease infinite alternate-reverse;
}

.rec-three .frites {
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
  -webkit-animation: none;
          animation: none;
}

.rec-three .frites:nth-child(1) {
  width: 17% !important;
  top: 55% !important;
  left: 8.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
}

.rec-three .frites:nth-child(2) {
  width: 11% !important;
  top: 45% !important;
  left: 11.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
}

.rec-three .frites:nth-child(3) {
  width: 29% !important;
  top: 50% !important;
  left: 14.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
}

.rec-three .frites:nth-child(4) {
  width: 31% !important;
  top: 48% !important;
  left: 17.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
}

.rec-three .frites:nth-child(5) {
  width: 12% !important;
  top: 51% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
}

.rec-three .frites:nth-child(6) {
  width: 11% !important;
  top: 52% !important;
  left: 24.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-446deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-446deg) scale(1) !important;
}

.rec-three .frites:nth-child(7) {
  width: 16% !important;
  top: 51% !important;
  left: 27.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
}

.rec-three .frites:nth-child(8) {
  width: 33% !important;
  top: 54% !important;
  left: 30.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-441deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-441deg) scale(1) !important;
}

.rec-three .frites:nth-child(9) {
  width: 21% !important;
  top: 49% !important;
  left: 33.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-442deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-442deg) scale(1) !important;
}

.rec-three .frites:nth-child(10) {
  width: 24% !important;
  top: 47% !important;
  left: 37% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
}

.rec-three .frites:nth-child(11) {
  width: 28% !important;
  top: 47% !important;
  left: 40.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-459deg) scale(1) !important;
}

.rec-three .frites:nth-child(12) {
  width: 28% !important;
  top: 54% !important;
  left: 43.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-448deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-448deg) scale(1) !important;
}

.rec-three .frites:nth-child(13) {
  width: 30% !important;
  top: 48% !important;
  left: 46.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-458deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-458deg) scale(1) !important;
}

.rec-three .frites:nth-child(14) {
  width: 32% !important;
  top: 52% !important;
  left: 49.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-446deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-446deg) scale(1) !important;
}

.rec-three .frites:nth-child(15) {
  width: 28% !important;
  top: 45% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
}

.rec-three .frites:nth-child(16) {
  width: 32% !important;
  top: 51% !important;
  left: 56.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-455deg) scale(1) !important;
}

.rec-three .frites:nth-child(17) {
  width: 23% !important;
  top: 51% !important;
  left: 59.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
}

.rec-three .frites:nth-child(18) {
  width: 32% !important;
  top: 55% !important;
  left: 62.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-452deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-452deg) scale(1) !important;
}

.rec-three .frites:nth-child(19) {
  width: 8% !important;
  top: 52% !important;
  left: 65.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
}

.rec-three .frites:nth-child(20) {
  width: 15% !important;
  top: 50% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
}

.rec-three .frites:nth-child(21) {
  width: 13% !important;
  top: 55% !important;
  left: 72.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-450deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-450deg) scale(1) !important;
}

.rec-three .frites:nth-child(22) {
  width: 31% !important;
  top: 48% !important;
  left: 75.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-449deg) scale(1) !important;
}

.rec-three .frites:nth-child(23) {
  width: 17% !important;
  top: 54% !important;
  left: 78.6% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
}

.rec-three .frites:nth-child(24) {
  width: 34% !important;
  top: 52% !important;
  left: 81.8% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-444deg) scale(1) !important;
}

.rec-three .frites:nth-child(25) {
  width: 15% !important;
  top: 46% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-443deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-443deg) scale(1) !important;
}

.rec-three .frites:nth-child(26) {
  width: 14% !important;
  top: 55% !important;
  left: 88.2% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-451deg) scale(1) !important;
}

.rec-three .frites:nth-child(27) {
  width: 35% !important;
  top: 45% !important;
  left: 91.4% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(-445deg) scale(1) !important;
}

.rec-three .frites:nth-child(3n - 2) {
  background-color: #ffed4f !important;
}

.rec-three .frites:nth-child(3n - 1) {
  background-color: #ffec46 !important;
}

.rec-three .frites:nth-child(3n) {
  background-color: #f8e430 !important;
}

.rec-four .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none;
          animation: none;
  background-color: #eeee1b !important;
}

.rec-four .frites:nth-child(1) {
  width: 8% !important;
  top: 27% !important;
  left: 83% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(158deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(158deg) scale(1) !important;
}

.rec-four .frites:nth-child(2) {
  width: 21% !important;
  top: 31% !important;
  left: 74% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(345deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(345deg) scale(1) !important;
}

.rec-four .frites:nth-child(3) {
  width: 9% !important;
  top: 61% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(29deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(29deg) scale(1) !important;
}

.rec-four .frites:nth-child(4) {
  width: 30% !important;
  top: 44% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(151deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(151deg) scale(1) !important;
}

.rec-four .frites:nth-child(5) {
  width: 26% !important;
  top: 21% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(1) !important;
}

.rec-four .frites:nth-child(6) {
  width: 16% !important;
  top: 61% !important;
  left: 38% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(239deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(239deg) scale(1) !important;
}

.rec-four .frites:nth-child(7) {
  width: 28% !important;
  top: 22% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(41deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(41deg) scale(1) !important;
}

.rec-four .frites:nth-child(8) {
  width: 30% !important;
  top: 38% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(256deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(256deg) scale(1) !important;
}

.rec-four .frites:nth-child(9) {
  width: 13% !important;
  top: 31% !important;
  left: 70% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(353deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(353deg) scale(1) !important;
}

.rec-four .frites:nth-child(10) {
  width: 17% !important;
  top: 58% !important;
  left: 51% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(94deg) scale(1) !important;
}

.rec-four .frites:nth-child(11) {
  width: 24% !important;
  top: 29% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(1) !important;
}

.rec-four .frites:nth-child(12) {
  width: 27% !important;
  top: 70% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
}

.rec-four .frites:nth-child(13) {
  width: 35% !important;
  top: 23% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(130deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(130deg) scale(1) !important;
}

.rec-four .frites:nth-child(14) {
  width: 14% !important;
  top: 66% !important;
  left: 51% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(70deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(70deg) scale(1) !important;
}

.rec-four .frites:nth-child(15) {
  width: 15% !important;
  top: 47% !important;
  left: 54% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(287deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(287deg) scale(1) !important;
}

.rec-four .frites:nth-child(16) {
  width: 11% !important;
  top: 58% !important;
  left: 10% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(331deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(331deg) scale(1) !important;
}

.rec-four .frites:nth-child(17) {
  width: 22% !important;
  top: 66% !important;
  left: 62% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(340deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(340deg) scale(1) !important;
}

.rec-four .frites:nth-child(18) {
  width: 32% !important;
  top: 57% !important;
  left: 83% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(297deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(297deg) scale(1) !important;
}

.rec-four .frites:nth-child(19) {
  width: 17% !important;
  top: 25% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(170deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(170deg) scale(1) !important;
}

.rec-four .frites:nth-child(20) {
  width: 13% !important;
  top: 42% !important;
  left: 87% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(262deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(262deg) scale(1) !important;
}

.rec-four .frites:nth-child(21) {
  width: 18% !important;
  top: 31% !important;
  left: 10% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(337deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(337deg) scale(1) !important;
}

.rec-four .frites:nth-child(22) {
  width: 31% !important;
  top: 48% !important;
  left: 67% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
}

.rec-four .frites:nth-child(23) {
  width: 9% !important;
  top: 62% !important;
  left: 22% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(308deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(308deg) scale(1) !important;
}

.rec-four .frites:nth-child(24) {
  width: 11% !important;
  top: 36% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(142deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(142deg) scale(1) !important;
}

.rec-four .frites:nth-child(25) {
  width: 15% !important;
  top: 41% !important;
  left: 66% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(270deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(270deg) scale(1) !important;
}

.rec-four .frites:nth-child(26) {
  width: 16% !important;
  top: 70% !important;
  left: 71% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(193deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(193deg) scale(1) !important;
}

.rec-four .frites:nth-child(27) {
  width: 22% !important;
  top: 31% !important;
  left: 76% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(37deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(37deg) scale(1) !important;
}

.rec-five .frites {
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  -webkit-animation: none;
          animation: none;
  background-color: #eeee1b !important;
}

.rec-five .frites:nth-child(1) {
  width: 14% !important;
  top: 79% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(102deg) scale(1) !important;
}

.rec-five .frites:nth-child(2) {
  width: 19% !important;
  top: 53% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(10deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(10deg) scale(1) !important;
}

.rec-five .frites:nth-child(3) {
  width: 16% !important;
  top: 19% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(244deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(244deg) scale(1) !important;
}

.rec-five .frites:nth-child(4) {
  width: 14% !important;
  top: 15% !important;
  left: 60% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(104deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(104deg) scale(1) !important;
}

.rec-five .frites:nth-child(5) {
  width: 17% !important;
  top: 54% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(236deg) scale(1) !important;
}

.rec-five .frites:nth-child(6) {
  width: 25% !important;
  top: 48% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(237deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(237deg) scale(1) !important;
}

.rec-five .frites:nth-child(7) {
  width: 18% !important;
  top: 32% !important;
  left: 19% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(47deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(47deg) scale(1) !important;
}

.rec-five .frites:nth-child(8) {
  width: 12% !important;
  top: 14% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(191deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(191deg) scale(1) !important;
}

.rec-five .frites:nth-child(9) {
  width: 21% !important;
  top: 42% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(125deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(125deg) scale(1) !important;
}

.rec-five .frites:nth-child(10) {
  width: 20% !important;
  top: 37% !important;
  left: 45% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(70deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(70deg) scale(1) !important;
}

.rec-five .frites:nth-child(11) {
  width: 12% !important;
  top: 74% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(100deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(100deg) scale(1) !important;
}

.rec-five .frites:nth-child(12) {
  width: 31% !important;
  top: 30% !important;
  left: 47% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1) !important;
}

.rec-five .frites:nth-child(13) {
  width: 14% !important;
  top: 33% !important;
  left: 27% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(23deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(23deg) scale(1) !important;
}

.rec-five .frites:nth-child(14) {
  width: 31% !important;
  top: 68% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(17deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(17deg) scale(1) !important;
}

.rec-five .frites:nth-child(15) {
  width: 11% !important;
  top: 56% !important;
  left: 38% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(159deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(159deg) scale(1) !important;
}

.rec-five .frites:nth-child(16) {
  width: 32% !important;
  top: 52% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(115deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(115deg) scale(1) !important;
}

.rec-five .frites:nth-child(17) {
  width: 22% !important;
  top: 40% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(62deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(62deg) scale(1) !important;
}

.rec-five .frites:nth-child(18) {
  width: 9% !important;
  top: 13% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(136deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(136deg) scale(1) !important;
}

.rec-five .frites:nth-child(19) {
  width: 19% !important;
  top: 86% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(274deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(274deg) scale(1) !important;
}

.rec-five .frites:nth-child(20) {
  width: 14% !important;
  top: 44% !important;
  left: 60% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
}

.rec-five .frites:nth-child(21) {
  width: 10% !important;
  top: 74% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(98deg) scale(1) !important;
}

.rec-five .frites:nth-child(22) {
  width: 33% !important;
  top: 14% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(342deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(342deg) scale(1) !important;
}

.rec-five .frites:nth-child(23) {
  width: 13% !important;
  top: 63% !important;
  left: 30% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(228deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(228deg) scale(1) !important;
}

.rec-five .frites:nth-child(24) {
  width: 34% !important;
  top: 79% !important;
  left: 23% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(19deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(19deg) scale(1) !important;
}

.rec-five .frites:nth-child(25) {
  width: 21% !important;
  top: 15% !important;
  left: 55% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(298deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(298deg) scale(1) !important;
}

.rec-five .frites:nth-child(26) {
  width: 15% !important;
  top: 24% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(64deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(64deg) scale(1) !important;
}

.rec-five .frites:nth-child(27) {
  width: 21% !important;
  top: 23% !important;
  left: 22% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(189deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(189deg) scale(1) !important;
}

.papier {
  overflow: hidden;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-80%, 20%) rotate(0deg);
          transform: translate(-80%, 20%) rotate(0deg);
  position: fixed;
  width: 700px;
  height: 600px;
  background: #ececec;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.papier.visible {
  -webkit-transform: translate(-110%, -50%) rotate(20deg);
          transform: translate(-110%, -50%) rotate(20deg);
  opacity: 1;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.tache {
  display: inline-block;
  margin-top: 30%;
  width: 200px;
  height: 200px;
  background: rgba(221, 213, 169, 0.671);
  border-radius: 100%;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
  -webkit-transition: opacity 2s ease 5s, -webkit-transform 12s ease;
  transition: opacity 2s ease 5s, -webkit-transform 12s ease;
  transition: transform 12s ease, opacity 2s ease 5s;
  transition: transform 12s ease, opacity 2s ease 5s, -webkit-transform 12s ease;
}

.visible .tache {
  opacity: 1;
  -webkit-transform: scale(2);
          transform: scale(2);
  -webkit-transition: opacity 2s ease 1s, -webkit-transform 12s ease;
  transition: opacity 2s ease 1s, -webkit-transform 12s ease;
  transition: transform 12s ease, opacity 2s ease 1s;
  transition: transform 12s ease, opacity 2s ease 1s, -webkit-transform 12s ease;
}

@-webkit-keyframes cuisson {
  form {
    -webkit-box-shadow: inset 0 0px 0px -20px #ff91008f;
            box-shadow: inset 0 0px 0px -20px #ff91008f;
  }
  to {
    -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
            box-shadow: inset 0 30px 10px -20px #ffc4008f;
  }
}

@keyframes cuisson {
  form {
    -webkit-box-shadow: inset 0 0px 0px -20px #ff91008f;
            box-shadow: inset 0 0px 0px -20px #ff91008f;
  }
  to {
    -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
            box-shadow: inset 0 30px 10px -20px #ffc4008f;
  }
}

@-webkit-keyframes final-cuisson {
  form {
    -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
            box-shadow: inset 0 30px 10px -20px #ffc4008f;
  }
  to {
    -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
            box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  }
}

@keyframes final-cuisson {
  form {
    -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
            box-shadow: inset 0 30px 10px -20px #ffc4008f;
  }
  to {
    -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
            box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  }
}

.rec-six .frites {
  -webkit-transition: all 10s ease-out;
  transition: all 10s ease-out;
  -webkit-animation: cuisson 5s ease 1;
          animation: cuisson 5s ease 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  background-color: #ffff00;
}

.rec-six .frites:nth-child(1) {
  top: 85% !important;
  left: 74% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(156deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(156deg) scale(1) !important;
}

.rec-six .frites:nth-child(2) {
  top: 62% !important;
  left: 87% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(196deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(196deg) scale(1) !important;
}

.rec-six .frites:nth-child(3) {
  top: 38% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(72deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(72deg) scale(1) !important;
}

.rec-six .frites:nth-child(4) {
  top: 89% !important;
  left: 55% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
}

.rec-six .frites:nth-child(5) {
  top: 78% !important;
  left: 44% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(173deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(173deg) scale(1) !important;
}

.rec-six .frites:nth-child(6) {
  top: 66% !important;
  left: 54% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(231deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(231deg) scale(1) !important;
}

.rec-six .frites:nth-child(7) {
  top: 56% !important;
  left: 66% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(219deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(219deg) scale(1) !important;
}

.rec-six .frites:nth-child(8) {
  top: 24% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(296deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(296deg) scale(1) !important;
}

.rec-six .frites:nth-child(9) {
  top: 40% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(52deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(52deg) scale(1) !important;
}

.rec-six .frites:nth-child(10) {
  top: 70% !important;
  left: 12% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(202deg) scale(1) !important;
}

.rec-six .frites:nth-child(11) {
  top: 70% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(225deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(225deg) scale(1) !important;
}

.rec-six .frites:nth-child(12) {
  top: 56% !important;
  left: 43% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(136deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(136deg) scale(1) !important;
}

.rec-six .frites:nth-child(13) {
  top: 77% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
}

.rec-six .frites:nth-child(14) {
  top: 61% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(50deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(50deg) scale(1) !important;
}

.rec-six .frites:nth-child(15) {
  top: 52% !important;
  left: 82% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(319deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(319deg) scale(1) !important;
}

.rec-six .frites:nth-child(16) {
  top: 20% !important;
  left: 74% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(7deg) scale(1) !important;
}

.rec-six .frites:nth-child(17) {
  top: 70% !important;
  left: 90% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(201deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(201deg) scale(1) !important;
}

.rec-six .frites:nth-child(18) {
  top: 24% !important;
  left: 14% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(1) !important;
}

.rec-six .frites:nth-child(19) {
  top: 82% !important;
  left: 70% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(1) !important;
}

.rec-six .frites:nth-child(20) {
  top: 21% !important;
  left: 56% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(355deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(355deg) scale(1) !important;
}

.rec-six .frites:nth-child(21) {
  top: 77% !important;
  left: 86% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
}

.rec-six .frites:nth-child(22) {
  top: 51% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(109deg) scale(1) !important;
}

.rec-six .frites:nth-child(23) {
  top: 23% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(1) !important;
}

.rec-six .frites:nth-child(24) {
  top: 15% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(269deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(269deg) scale(1) !important;
}

.rec-six .frites:nth-child(25) {
  top: 11% !important;
  left: 83% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(180deg) scale(1) !important;
}

.rec-six .frites:nth-child(26) {
  top: 62% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(67deg) scale(1) !important;
}

.rec-six .frites:nth-child(27) {
  top: 30% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(110deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(110deg) scale(1) !important;
}

.rec-seven .frites {
  -webkit-transition: all 4s ease;
  transition: all 4s ease;
  background-color: #ffff00;
  -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
          box-shadow: inset 0 30px 10px -20px #ffc4008f;
  -webkit-animation: none;
          animation: none;
}

.rec-seven .frites:nth-child(1) {
  top: 58% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(288deg) scale(1) !important;
}

.rec-seven .frites:nth-child(2) {
  top: 44% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
}

.rec-seven .frites:nth-child(3) {
  top: 55% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(172deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(172deg) scale(1) !important;
}

.rec-seven .frites:nth-child(4) {
  top: 53% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(74deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(74deg) scale(1) !important;
}

.rec-seven .frites:nth-child(5) {
  top: 45% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(55deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(55deg) scale(1) !important;
}

.rec-seven .frites:nth-child(6) {
  top: 50% !important;
  left: 35% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(117deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(117deg) scale(1) !important;
}

.rec-seven .frites:nth-child(7) {
  top: 42% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(148deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(148deg) scale(1) !important;
}

.rec-seven .frites:nth-child(8) {
  top: 55% !important;
  left: 20% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(278deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(278deg) scale(1) !important;
}

.rec-seven .frites:nth-child(9) {
  top: 50% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(81deg) scale(1) !important;
}

.rec-seven .frites:nth-child(10) {
  top: 55% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(326deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(326deg) scale(1) !important;
}

.rec-seven .frites:nth-child(11) {
  top: 41% !important;
  left: 26% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(335deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(335deg) scale(1) !important;
}

.rec-seven .frites:nth-child(12) {
  top: 59% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(216deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(216deg) scale(1) !important;
}

.rec-seven .frites:nth-child(13) {
  top: 42% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(1) !important;
}

.rec-seven .frites:nth-child(14) {
  top: 56% !important;
  left: 37% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(329deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(329deg) scale(1) !important;
}

.rec-seven .frites:nth-child(15) {
  top: 60% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(273deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(273deg) scale(1) !important;
}

.rec-seven .frites:nth-child(16) {
  top: 41% !important;
  left: 37% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(333deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(333deg) scale(1) !important;
}

.rec-seven .frites:nth-child(17) {
  top: 60% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(183deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(183deg) scale(1) !important;
}

.rec-seven .frites:nth-child(18) {
  top: 60% !important;
  left: 23% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(1) !important;
}

.rec-seven .frites:nth-child(19) {
  top: 54% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(292deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(292deg) scale(1) !important;
}

.rec-seven .frites:nth-child(20) {
  top: 51% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(238deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(238deg) scale(1) !important;
}

.rec-seven .frites:nth-child(21) {
  top: 41% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(119deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(119deg) scale(1) !important;
}

.rec-seven .frites:nth-child(22) {
  top: 55% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(89deg) scale(1) !important;
}

.rec-seven .frites:nth-child(23) {
  top: 55% !important;
  left: 29% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
}

.rec-seven .frites:nth-child(24) {
  top: 47% !important;
  left: 30% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(66deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(66deg) scale(1) !important;
}

.rec-seven .frites:nth-child(25) {
  top: 49% !important;
  left: 26% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(12deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(12deg) scale(1) !important;
}

.rec-seven .frites:nth-child(26) {
  top: 48% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(60deg) scale(1) !important;
}

.rec-seven .frites:nth-child(27) {
  top: 51% !important;
  left: 32% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(1) !important;
}

.rec-eight .frites {
  -webkit-transition: all 10s ease;
  transition: all 10s ease;
  background-color: #ffff00;
  -webkit-box-shadow: inset 0 30px 10px -20px #ffc4008f;
          box-shadow: inset 0 30px 10px -20px #ffc4008f;
  -webkit-animation: final-cuisson 6s ease 1;
          animation: final-cuisson 6s ease 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.rec-eight .frites:nth-child(1) {
  top: 29% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(203deg) scale(1) !important;
}

.rec-eight .frites:nth-child(2) {
  top: 65% !important;
  left: 63% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(145deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(145deg) scale(1) !important;
}

.rec-eight .frites:nth-child(3) {
  top: 45% !important;
  left: 80% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(293deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(293deg) scale(1) !important;
}

.rec-eight .frites:nth-child(4) {
  top: 73% !important;
  left: 77% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(285deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(285deg) scale(1) !important;
}

.rec-eight .frites:nth-child(5) {
  top: 14% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(107deg) scale(1) !important;
}

.rec-eight .frites:nth-child(6) {
  top: 45% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(261deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(261deg) scale(1) !important;
}

.rec-eight .frites:nth-child(7) {
  top: 87% !important;
  left: 79% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(1) !important;
}

.rec-eight .frites:nth-child(8) {
  top: 32% !important;
  left: 59% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(10deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(10deg) scale(1) !important;
}

.rec-eight .frites:nth-child(9) {
  top: 49% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(287deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(287deg) scale(1) !important;
}

.rec-eight .frites:nth-child(10) {
  top: 89% !important;
  left: 55% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(124deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(124deg) scale(1) !important;
}

.rec-eight .frites:nth-child(11) {
  top: 61% !important;
  left: 90% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(327deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(327deg) scale(1) !important;
}

.rec-eight .frites:nth-child(12) {
  top: 89% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(336deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(336deg) scale(1) !important;
}

.rec-eight .frites:nth-child(13) {
  top: 46% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(237deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(237deg) scale(1) !important;
}

.rec-eight .frites:nth-child(14) {
  top: 58% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(186deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(186deg) scale(1) !important;
}

.rec-eight .frites:nth-child(15) {
  top: 18% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(239deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(239deg) scale(1) !important;
}

.rec-eight .frites:nth-child(16) {
  top: 85% !important;
  left: 66% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(212deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(212deg) scale(1) !important;
}

.rec-eight .frites:nth-child(17) {
  top: 44% !important;
  left: 40% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(170deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(170deg) scale(1) !important;
}

.rec-eight .frites:nth-child(18) {
  top: 37% !important;
  left: 85% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(304deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(304deg) scale(1) !important;
}

.rec-eight .frites:nth-child(19) {
  top: 52% !important;
  left: 70% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(39deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(39deg) scale(1) !important;
}

.rec-eight .frites:nth-child(20) {
  top: 11% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(165deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(165deg) scale(1) !important;
}

.rec-eight .frites:nth-child(21) {
  top: 14% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(64deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(64deg) scale(1) !important;
}

.rec-eight .frites:nth-child(22) {
  top: 44% !important;
  left: 15% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(1) !important;
}

.rec-eight .frites:nth-child(23) {
  top: 58% !important;
  left: 54% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(3deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(3deg) scale(1) !important;
}

.rec-eight .frites:nth-child(24) {
  top: 63% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(266deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(266deg) scale(1) !important;
}

.rec-eight .frites:nth-child(25) {
  top: 13% !important;
  left: 83% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(230deg) scale(1) !important;
}

.rec-eight .frites:nth-child(26) {
  top: 31% !important;
  left: 52% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(23deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(23deg) scale(1) !important;
}

.rec-eight .frites:nth-child(27) {
  top: 88% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(204deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(204deg) scale(1) !important;
}

@-webkit-keyframes oil-size-boiling {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}

@keyframes oil-size-boiling {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(15);
            transform: scale(15);
  }
}

@-webkit-keyframes oil-size-medheat {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(8);
            transform: scale(8);
  }
}

@keyframes oil-size-medheat {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(8);
            transform: scale(8);
  }
}

@-webkit-keyframes oil-size-boiltomed {
  from {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(5);
            transform: scale(5);
  }
}

@keyframes oil-size-boiltomed {
  from {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(5);
            transform: scale(5);
  }
}

@-webkit-keyframes oil-size-lowheat {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

@keyframes oil-size-lowheat {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 0.8;
  }
  to {
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
  }
}

.inactive {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(50%, -50%) !important;
          transform: translate(50%, -50%) !important;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.side {
  -webkit-transform: translate(30%, -50%) !important;
          transform: translate(30%, -50%) !important;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.side-med {
  -webkit-transform: translate(30%, -50%) !important;
          transform: translate(30%, -50%) !important;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

.full {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.oil-down {
  z-index: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #94741c;
}

.oil-up {
  z-index: 999999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  width: 100%;
  height: 100vh;
}

.bulles {
  position: absolute;
  display: block;
  height: 2vw;
  width: 2vw;
  border-radius: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  background-color: #8b6600;
  -webkit-animation: oil-size 2s linear infinite;
          animation: oil-size 2s linear infinite;
}

.bulles:nth-child(1) {
  top: 11% !important;
  left: 23% !important;
  -webkit-animation: oil-size 1.48556s linear infinite;
          animation: oil-size 1.48556s linear infinite;
}

.bulles:nth-child(2) {
  top: 4% !important;
  left: 52% !important;
  -webkit-animation: oil-size 0.63839s linear infinite;
          animation: oil-size 0.63839s linear infinite;
}

.bulles:nth-child(3) {
  top: 59% !important;
  left: 27% !important;
  -webkit-animation: oil-size 0.55523s linear infinite;
          animation: oil-size 0.55523s linear infinite;
}

.bulles:nth-child(4) {
  top: 69% !important;
  left: 75% !important;
  -webkit-animation: oil-size 0.85302s linear infinite;
          animation: oil-size 0.85302s linear infinite;
}

.bulles:nth-child(5) {
  top: 42% !important;
  left: 71% !important;
  -webkit-animation: oil-size 0.77118s linear infinite;
          animation: oil-size 0.77118s linear infinite;
}

.bulles:nth-child(6) {
  top: 86% !important;
  left: 60% !important;
  -webkit-animation: oil-size 1.12889s linear infinite;
          animation: oil-size 1.12889s linear infinite;
}

.bulles:nth-child(7) {
  top: 69% !important;
  left: 20% !important;
  -webkit-animation: oil-size 0.96414s linear infinite;
          animation: oil-size 0.96414s linear infinite;
}

.bulles:nth-child(8) {
  top: 97% !important;
  left: 4% !important;
  -webkit-animation: oil-size 0.71701s linear infinite;
          animation: oil-size 0.71701s linear infinite;
}

.bulles:nth-child(9) {
  top: 57% !important;
  left: 75% !important;
  -webkit-animation: oil-size 0.94044s linear infinite;
          animation: oil-size 0.94044s linear infinite;
}

.bulles:nth-child(10) {
  top: 15% !important;
  left: 32% !important;
  -webkit-animation: oil-size 1.36733s linear infinite;
          animation: oil-size 1.36733s linear infinite;
}

.bulles:nth-child(11) {
  top: 26% !important;
  left: 37% !important;
  -webkit-animation: oil-size 0.7985s linear infinite;
          animation: oil-size 0.7985s linear infinite;
}

.bulles:nth-child(12) {
  top: 25% !important;
  left: 47% !important;
  -webkit-animation: oil-size 0.61741s linear infinite;
          animation: oil-size 0.61741s linear infinite;
}

.bulles:nth-child(13) {
  top: 4% !important;
  left: 37% !important;
  -webkit-animation: oil-size 0.77109s linear infinite;
          animation: oil-size 0.77109s linear infinite;
}

.bulles:nth-child(14) {
  top: 74% !important;
  left: 75% !important;
  -webkit-animation: oil-size 0.79371s linear infinite;
          animation: oil-size 0.79371s linear infinite;
}

.bulles:nth-child(15) {
  top: 77% !important;
  left: 44% !important;
  -webkit-animation: oil-size 0.61995s linear infinite;
          animation: oil-size 0.61995s linear infinite;
}

.bulles:nth-child(16) {
  top: 61% !important;
  left: 2% !important;
  -webkit-animation: oil-size 0.7431s linear infinite;
          animation: oil-size 0.7431s linear infinite;
}

.bulles:nth-child(17) {
  top: 18% !important;
  left: 27% !important;
  -webkit-animation: oil-size 1.09807s linear infinite;
          animation: oil-size 1.09807s linear infinite;
}

.bulles:nth-child(18) {
  top: 49% !important;
  left: 38% !important;
  -webkit-animation: oil-size 0.84806s linear infinite;
          animation: oil-size 0.84806s linear infinite;
}

.bulles:nth-child(19) {
  top: 13% !important;
  left: 39% !important;
  -webkit-animation: oil-size 1.04405s linear infinite;
          animation: oil-size 1.04405s linear infinite;
}

.bulles:nth-child(20) {
  top: 2% !important;
  left: 21% !important;
  -webkit-animation: oil-size 0.67646s linear infinite;
          animation: oil-size 0.67646s linear infinite;
}

.bulles:nth-child(21) {
  top: 18% !important;
  left: 63% !important;
  -webkit-animation: oil-size 1.08206s linear infinite;
          animation: oil-size 1.08206s linear infinite;
}

.bulles:nth-child(22) {
  top: 3% !important;
  left: 15% !important;
  -webkit-animation: oil-size 1.01222s linear infinite;
          animation: oil-size 1.01222s linear infinite;
}

.bulles:nth-child(23) {
  top: 71% !important;
  left: 80% !important;
  -webkit-animation: oil-size 0.8339s linear infinite;
          animation: oil-size 0.8339s linear infinite;
}

.bulles:nth-child(24) {
  top: 88% !important;
  left: 75% !important;
  -webkit-animation: oil-size 0.57202s linear infinite;
          animation: oil-size 0.57202s linear infinite;
}

.bulles:nth-child(25) {
  top: 58% !important;
  left: 46% !important;
  -webkit-animation: oil-size 0.63124s linear infinite;
          animation: oil-size 0.63124s linear infinite;
}

.bulles:nth-child(26) {
  top: 43% !important;
  left: 10% !important;
  -webkit-animation: oil-size 0.76791s linear infinite;
          animation: oil-size 0.76791s linear infinite;
}

.bulles:nth-child(27) {
  top: 48% !important;
  left: 47% !important;
  -webkit-animation: oil-size 0.95842s linear infinite;
          animation: oil-size 0.95842s linear infinite;
}

.bulles:nth-child(28) {
  top: 47% !important;
  left: 98% !important;
  -webkit-animation: oil-size 1.3822s linear infinite;
          animation: oil-size 1.3822s linear infinite;
}

.bulles:nth-child(29) {
  top: 16% !important;
  left: 24% !important;
  -webkit-animation: oil-size 0.89622s linear infinite;
          animation: oil-size 0.89622s linear infinite;
}

.bulles:nth-child(30) {
  top: 66% !important;
  left: 3% !important;
  -webkit-animation: oil-size 0.7037s linear infinite;
          animation: oil-size 0.7037s linear infinite;
}

.bulles:nth-child(31) {
  top: 32% !important;
  left: 81% !important;
  -webkit-animation: oil-size 1.48549s linear infinite;
          animation: oil-size 1.48549s linear infinite;
}

.bulles:nth-child(32) {
  top: 18% !important;
  left: 27% !important;
  -webkit-animation: oil-size 1.15212s linear infinite;
          animation: oil-size 1.15212s linear infinite;
}

.bulles:nth-child(33) {
  top: 78% !important;
  left: 86% !important;
  -webkit-animation: oil-size 1.10002s linear infinite;
          animation: oil-size 1.10002s linear infinite;
}

.bulles:nth-child(34) {
  top: 42% !important;
  left: 70% !important;
  -webkit-animation: oil-size 1.19775s linear infinite;
          animation: oil-size 1.19775s linear infinite;
}

.bulles:nth-child(35) {
  top: 84% !important;
  left: 45% !important;
  -webkit-animation: oil-size 0.79664s linear infinite;
          animation: oil-size 0.79664s linear infinite;
}

.bulles:nth-child(36) {
  top: 72% !important;
  left: 71% !important;
  -webkit-animation: oil-size 0.95733s linear infinite;
          animation: oil-size 0.95733s linear infinite;
}

.bulles:nth-child(37) {
  top: 38% !important;
  left: 66% !important;
  -webkit-animation: oil-size 0.86608s linear infinite;
          animation: oil-size 0.86608s linear infinite;
}

.bulles:nth-child(38) {
  top: 46% !important;
  left: 29% !important;
  -webkit-animation: oil-size 1.19725s linear infinite;
          animation: oil-size 1.19725s linear infinite;
}

.bulles:nth-child(39) {
  top: 61% !important;
  left: 8% !important;
  -webkit-animation: oil-size 1.13323s linear infinite;
          animation: oil-size 1.13323s linear infinite;
}

.bulles:nth-child(40) {
  top: 63% !important;
  left: 70% !important;
  -webkit-animation: oil-size 0.66096s linear infinite;
          animation: oil-size 0.66096s linear infinite;
}

.bulles:nth-child(41) {
  top: 79% !important;
  left: 89% !important;
  -webkit-animation: oil-size 1.32847s linear infinite;
          animation: oil-size 1.32847s linear infinite;
}

.bulles:nth-child(42) {
  top: 54% !important;
  left: 53% !important;
  -webkit-animation: oil-size 1.00486s linear infinite;
          animation: oil-size 1.00486s linear infinite;
}

.bulles:nth-child(43) {
  top: 47% !important;
  left: 67% !important;
  -webkit-animation: oil-size 0.74928s linear infinite;
          animation: oil-size 0.74928s linear infinite;
}

.bulles:nth-child(44) {
  top: 87% !important;
  left: 91% !important;
  -webkit-animation: oil-size 0.96326s linear infinite;
          animation: oil-size 0.96326s linear infinite;
}

.bulles:nth-child(45) {
  top: 99% !important;
  left: 7% !important;
  -webkit-animation: oil-size 0.78777s linear infinite;
          animation: oil-size 0.78777s linear infinite;
}

.bulles:nth-child(46) {
  top: 43% !important;
  left: 37% !important;
  -webkit-animation: oil-size 1.02429s linear infinite;
          animation: oil-size 1.02429s linear infinite;
}

.bulles:nth-child(47) {
  top: 44% !important;
  left: 67% !important;
  -webkit-animation: oil-size 1.46789s linear infinite;
          animation: oil-size 1.46789s linear infinite;
}

.bulles:nth-child(48) {
  top: 40% !important;
  left: 73% !important;
  -webkit-animation: oil-size 0.54868s linear infinite;
          animation: oil-size 0.54868s linear infinite;
}

.bulles:nth-child(49) {
  top: 69% !important;
  left: 84% !important;
  -webkit-animation: oil-size 0.50987s linear infinite;
          animation: oil-size 0.50987s linear infinite;
}

.bulles:nth-child(50) {
  top: 31% !important;
  left: 32% !important;
  -webkit-animation: oil-size 1.26152s linear infinite;
          animation: oil-size 1.26152s linear infinite;
}

.bulles:nth-child(51) {
  top: 6% !important;
  left: 47% !important;
  -webkit-animation: oil-size 1.35604s linear infinite;
          animation: oil-size 1.35604s linear infinite;
}

.bulles:nth-child(52) {
  top: 61% !important;
  left: 90% !important;
  -webkit-animation: oil-size 0.91582s linear infinite;
          animation: oil-size 0.91582s linear infinite;
}

.bulles:nth-child(53) {
  top: 83% !important;
  left: 68% !important;
  -webkit-animation: oil-size 0.5742s linear infinite;
          animation: oil-size 0.5742s linear infinite;
}

.bulles:nth-child(54) {
  top: 88% !important;
  left: 46% !important;
  -webkit-animation: oil-size 1.34267s linear infinite;
          animation: oil-size 1.34267s linear infinite;
}

.bulles:nth-child(55) {
  top: 28% !important;
  left: 24% !important;
  -webkit-animation: oil-size 0.59973s linear infinite;
          animation: oil-size 0.59973s linear infinite;
}

.bulles:nth-child(56) {
  top: 34% !important;
  left: 36% !important;
  -webkit-animation: oil-size 1.43177s linear infinite;
          animation: oil-size 1.43177s linear infinite;
}

.bulles:nth-child(57) {
  top: 17% !important;
  left: 68% !important;
  -webkit-animation: oil-size 1.10485s linear infinite;
          animation: oil-size 1.10485s linear infinite;
}

.bulles:nth-child(58) {
  top: 46% !important;
  left: 36% !important;
  -webkit-animation: oil-size 0.76251s linear infinite;
          animation: oil-size 0.76251s linear infinite;
}

.bulles:nth-child(59) {
  top: 62% !important;
  left: 87% !important;
  -webkit-animation: oil-size 0.59757s linear infinite;
          animation: oil-size 0.59757s linear infinite;
}

.bulles:nth-child(60) {
  top: 76% !important;
  left: 79% !important;
  -webkit-animation: oil-size 0.51967s linear infinite;
          animation: oil-size 0.51967s linear infinite;
}

.bulles:nth-child(61) {
  top: 35% !important;
  left: 74% !important;
  -webkit-animation: oil-size 0.97342s linear infinite;
          animation: oil-size 0.97342s linear infinite;
}

.bulles:nth-child(62) {
  top: 60% !important;
  left: 23% !important;
  -webkit-animation: oil-size 1.35255s linear infinite;
          animation: oil-size 1.35255s linear infinite;
}

.bulles:nth-child(63) {
  top: 10% !important;
  left: 73% !important;
  -webkit-animation: oil-size 1.04384s linear infinite;
          animation: oil-size 1.04384s linear infinite;
}

.bulles:nth-child(64) {
  top: 78% !important;
  left: 92% !important;
  -webkit-animation: oil-size 1.49142s linear infinite;
          animation: oil-size 1.49142s linear infinite;
}

.bulles:nth-child(65) {
  top: 48% !important;
  left: 65% !important;
  -webkit-animation: oil-size 1.04688s linear infinite;
          animation: oil-size 1.04688s linear infinite;
}

.bulles:nth-child(66) {
  top: 62% !important;
  left: 17% !important;
  -webkit-animation: oil-size 0.84126s linear infinite;
          animation: oil-size 0.84126s linear infinite;
}

.bulles:nth-child(67) {
  top: 63% !important;
  left: 96% !important;
  -webkit-animation: oil-size 0.60907s linear infinite;
          animation: oil-size 0.60907s linear infinite;
}

.bulles:nth-child(68) {
  top: 2% !important;
  left: 81% !important;
  -webkit-animation: oil-size 0.88186s linear infinite;
          animation: oil-size 0.88186s linear infinite;
}

.bulles:nth-child(69) {
  top: 26% !important;
  left: 33% !important;
  -webkit-animation: oil-size 1.24104s linear infinite;
          animation: oil-size 1.24104s linear infinite;
}

.bulles:nth-child(70) {
  top: 53% !important;
  left: 13% !important;
  -webkit-animation: oil-size 1.49893s linear infinite;
          animation: oil-size 1.49893s linear infinite;
}

.bulles:nth-child(71) {
  top: 2% !important;
  left: 44% !important;
  -webkit-animation: oil-size 1.39419s linear infinite;
          animation: oil-size 1.39419s linear infinite;
}

.bulles:nth-child(72) {
  top: 84% !important;
  left: 100% !important;
  -webkit-animation: oil-size 0.61944s linear infinite;
          animation: oil-size 0.61944s linear infinite;
}

.bulles:nth-child(73) {
  top: 63% !important;
  left: 11% !important;
  -webkit-animation: oil-size 0.55966s linear infinite;
          animation: oil-size 0.55966s linear infinite;
}

.bulles:nth-child(74) {
  top: 65% !important;
  left: 36% !important;
  -webkit-animation: oil-size 1.15739s linear infinite;
          animation: oil-size 1.15739s linear infinite;
}

.bulles:nth-child(75) {
  top: 3% !important;
  left: 11% !important;
  -webkit-animation: oil-size 0.68306s linear infinite;
          animation: oil-size 0.68306s linear infinite;
}

.bulles:nth-child(76) {
  top: 1% !important;
  left: 34% !important;
  -webkit-animation: oil-size 1.39199s linear infinite;
          animation: oil-size 1.39199s linear infinite;
}

.bulles:nth-child(77) {
  top: 15% !important;
  left: 33% !important;
  -webkit-animation: oil-size 1.14074s linear infinite;
          animation: oil-size 1.14074s linear infinite;
}

.bulles:nth-child(78) {
  top: 98% !important;
  left: 17% !important;
  -webkit-animation: oil-size 0.6623s linear infinite;
          animation: oil-size 0.6623s linear infinite;
}

.bulles:nth-child(79) {
  top: 74% !important;
  left: 37% !important;
  -webkit-animation: oil-size 0.75368s linear infinite;
          animation: oil-size 0.75368s linear infinite;
}

.bulles:nth-child(80) {
  top: 20% !important;
  left: 47% !important;
  -webkit-animation: oil-size 1.44601s linear infinite;
          animation: oil-size 1.44601s linear infinite;
}

.bulles:nth-child(81) {
  top: 48% !important;
  left: 51% !important;
  -webkit-animation: oil-size 1.43594s linear infinite;
          animation: oil-size 1.43594s linear infinite;
}

.bulles:nth-child(82) {
  top: 50% !important;
  left: 92% !important;
  -webkit-animation: oil-size 1.01844s linear infinite;
          animation: oil-size 1.01844s linear infinite;
}

.bulles:nth-child(83) {
  top: 40% !important;
  left: 19% !important;
  -webkit-animation: oil-size 1.49581s linear infinite;
          animation: oil-size 1.49581s linear infinite;
}

.bulles:nth-child(84) {
  top: 43% !important;
  left: 73% !important;
  -webkit-animation: oil-size 0.59862s linear infinite;
          animation: oil-size 0.59862s linear infinite;
}

.bulles:nth-child(85) {
  top: 98% !important;
  left: 37% !important;
  -webkit-animation: oil-size 1.41025s linear infinite;
          animation: oil-size 1.41025s linear infinite;
}

.bulles:nth-child(86) {
  top: 59% !important;
  left: 2% !important;
  -webkit-animation: oil-size 0.65402s linear infinite;
          animation: oil-size 0.65402s linear infinite;
}

.bulles:nth-child(87) {
  top: 99% !important;
  left: 62% !important;
  -webkit-animation: oil-size 0.72636s linear infinite;
          animation: oil-size 0.72636s linear infinite;
}

.bulles:nth-child(88) {
  top: 36% !important;
  left: 92% !important;
  -webkit-animation: oil-size 1.14836s linear infinite;
          animation: oil-size 1.14836s linear infinite;
}

.bulles:nth-child(89) {
  top: 95% !important;
  left: 39% !important;
  -webkit-animation: oil-size 1.01151s linear infinite;
          animation: oil-size 1.01151s linear infinite;
}

.bulles:nth-child(90) {
  top: 66% !important;
  left: 11% !important;
  -webkit-animation: oil-size 1.36332s linear infinite;
          animation: oil-size 1.36332s linear infinite;
}

.side .bulles:nth-child(1) {
  top: 83% !important;
  left: 4% !important;
  -webkit-animation: oil-size-lowheat 1.43748s linear infinite;
          animation: oil-size-lowheat 1.43748s linear infinite;
}

.side .bulles:nth-child(2) {
  top: 76% !important;
  left: 48% !important;
  -webkit-animation: oil-size-lowheat 1.05816s linear infinite;
          animation: oil-size-lowheat 1.05816s linear infinite;
}

.side .bulles:nth-child(3) {
  top: 2% !important;
  left: 5% !important;
  -webkit-animation: oil-size-lowheat 0.97984s linear infinite;
          animation: oil-size-lowheat 0.97984s linear infinite;
}

.side .bulles:nth-child(4) {
  top: 87% !important;
  left: 70% !important;
  -webkit-animation: oil-size-lowheat 1.00335s linear infinite;
          animation: oil-size-lowheat 1.00335s linear infinite;
}

.side .bulles:nth-child(5) {
  top: 34% !important;
  left: 39% !important;
  -webkit-animation: oil-size-lowheat 1.02576s linear infinite;
          animation: oil-size-lowheat 1.02576s linear infinite;
}

.side .bulles:nth-child(6) {
  top: 10% !important;
  left: 83% !important;
  -webkit-animation: oil-size-lowheat 0.59052s linear infinite;
          animation: oil-size-lowheat 0.59052s linear infinite;
}

.side .bulles:nth-child(7) {
  top: 38% !important;
  left: 15% !important;
  -webkit-animation: oil-size-lowheat 0.7653s linear infinite;
          animation: oil-size-lowheat 0.7653s linear infinite;
}

.side .bulles:nth-child(8) {
  top: 78% !important;
  left: 20% !important;
  -webkit-animation: oil-size-lowheat 1.21449s linear infinite;
          animation: oil-size-lowheat 1.21449s linear infinite;
}

.side .bulles:nth-child(9) {
  top: 16% !important;
  left: 48% !important;
  -webkit-animation: oil-size-lowheat 0.72836s linear infinite;
          animation: oil-size-lowheat 0.72836s linear infinite;
}

.side .bulles:nth-child(10) {
  top: 55% !important;
  left: 53% !important;
  -webkit-animation: oil-size-lowheat 0.83936s linear infinite;
          animation: oil-size-lowheat 0.83936s linear infinite;
}

.side .bulles:nth-child(11) {
  top: 56% !important;
  left: 65% !important;
  -webkit-animation: oil-size-lowheat 0.7709s linear infinite;
          animation: oil-size-lowheat 0.7709s linear infinite;
}

.side .bulles:nth-child(12) {
  top: 79% !important;
  left: 77% !important;
  -webkit-animation: oil-size-lowheat 1.32496s linear infinite;
          animation: oil-size-lowheat 1.32496s linear infinite;
}

.side .bulles:nth-child(13) {
  top: 99% !important;
  left: 99% !important;
  -webkit-animation: oil-size-lowheat 1.27402s linear infinite;
          animation: oil-size-lowheat 1.27402s linear infinite;
}

.side .bulles:nth-child(14) {
  top: 66% !important;
  left: 47% !important;
  -webkit-animation: oil-size-lowheat 0.60451s linear infinite;
          animation: oil-size-lowheat 0.60451s linear infinite;
}

.side .bulles:nth-child(15) {
  top: 76% !important;
  left: 87% !important;
  -webkit-animation: oil-size-lowheat 0.79201s linear infinite;
          animation: oil-size-lowheat 0.79201s linear infinite;
}

.side .bulles:nth-child(16) {
  top: 52% !important;
  left: 21% !important;
  -webkit-animation: oil-size-lowheat 0.86873s linear infinite;
          animation: oil-size-lowheat 0.86873s linear infinite;
}

.side .bulles:nth-child(17) {
  top: 82% !important;
  left: 52% !important;
  -webkit-animation: oil-size-lowheat 1.17689s linear infinite;
          animation: oil-size-lowheat 1.17689s linear infinite;
}

.side .bulles:nth-child(18) {
  top: 36% !important;
  left: 59% !important;
  -webkit-animation: oil-size-lowheat 0.51347s linear infinite;
          animation: oil-size-lowheat 0.51347s linear infinite;
}

.side .bulles:nth-child(19) {
  top: 66% !important;
  left: 40% !important;
  -webkit-animation: oil-size-lowheat 1.16307s linear infinite;
          animation: oil-size-lowheat 1.16307s linear infinite;
}

.side .bulles:nth-child(20) {
  top: 95% !important;
  left: 73% !important;
  -webkit-animation: oil-size-lowheat 1.06598s linear infinite;
          animation: oil-size-lowheat 1.06598s linear infinite;
}

.side .bulles:nth-child(21) {
  top: 41% !important;
  left: 85% !important;
  -webkit-animation: oil-size-lowheat 0.75041s linear infinite;
          animation: oil-size-lowheat 0.75041s linear infinite;
}

.side .bulles:nth-child(22) {
  top: 89% !important;
  left: 52% !important;
  -webkit-animation: oil-size-lowheat 0.52787s linear infinite;
          animation: oil-size-lowheat 0.52787s linear infinite;
}

.side .bulles:nth-child(23) {
  top: 30% !important;
  left: 33% !important;
  -webkit-animation: oil-size-lowheat 1.05266s linear infinite;
          animation: oil-size-lowheat 1.05266s linear infinite;
}

.side .bulles:nth-child(24) {
  top: 23% !important;
  left: 55% !important;
  -webkit-animation: oil-size-lowheat 1.06038s linear infinite;
          animation: oil-size-lowheat 1.06038s linear infinite;
}

.side .bulles:nth-child(25) {
  top: 79% !important;
  left: 83% !important;
  -webkit-animation: oil-size-lowheat 0.61023s linear infinite;
          animation: oil-size-lowheat 0.61023s linear infinite;
}

.side .bulles:nth-child(26) {
  top: 66% !important;
  left: 62% !important;
  -webkit-animation: oil-size-lowheat 1.42901s linear infinite;
          animation: oil-size-lowheat 1.42901s linear infinite;
}

.side .bulles:nth-child(27) {
  top: 95% !important;
  left: 51% !important;
  -webkit-animation: oil-size-lowheat 0.90572s linear infinite;
          animation: oil-size-lowheat 0.90572s linear infinite;
}

.side .bulles:nth-child(28) {
  top: 50% !important;
  left: 14% !important;
  -webkit-animation: oil-size-lowheat 0.90502s linear infinite;
          animation: oil-size-lowheat 0.90502s linear infinite;
}

.side .bulles:nth-child(29) {
  top: 98% !important;
  left: 95% !important;
  -webkit-animation: oil-size-lowheat 1.36939s linear infinite;
          animation: oil-size-lowheat 1.36939s linear infinite;
}

.side .bulles:nth-child(30) {
  top: 88% !important;
  left: 35% !important;
  -webkit-animation: oil-size-lowheat 1.29325s linear infinite;
          animation: oil-size-lowheat 1.29325s linear infinite;
}

.side .bulles:nth-child(31) {
  top: 74% !important;
  left: 57% !important;
  -webkit-animation: oil-size-lowheat 0.93986s linear infinite;
          animation: oil-size-lowheat 0.93986s linear infinite;
}

.side .bulles:nth-child(32) {
  top: 3% !important;
  left: 23% !important;
  -webkit-animation: oil-size-lowheat 0.73883s linear infinite;
          animation: oil-size-lowheat 0.73883s linear infinite;
}

.side .bulles:nth-child(33) {
  top: 2% !important;
  left: 30% !important;
  -webkit-animation: oil-size-lowheat 1.19404s linear infinite;
          animation: oil-size-lowheat 1.19404s linear infinite;
}

.side .bulles:nth-child(34) {
  top: 9% !important;
  left: 4% !important;
  -webkit-animation: oil-size-lowheat 0.71441s linear infinite;
          animation: oil-size-lowheat 0.71441s linear infinite;
}

.side .bulles:nth-child(35) {
  top: 99% !important;
  left: 99% !important;
  -webkit-animation: oil-size-lowheat 0.64352s linear infinite;
          animation: oil-size-lowheat 0.64352s linear infinite;
}

.side .bulles:nth-child(36) {
  top: 93% !important;
  left: 31% !important;
  -webkit-animation: oil-size-lowheat 0.6722s linear infinite;
          animation: oil-size-lowheat 0.6722s linear infinite;
}

.side .bulles:nth-child(37) {
  top: 32% !important;
  left: 10% !important;
  -webkit-animation: oil-size-lowheat 1.42053s linear infinite;
          animation: oil-size-lowheat 1.42053s linear infinite;
}

.side .bulles:nth-child(38) {
  top: 41% !important;
  left: 56% !important;
  -webkit-animation: oil-size-lowheat 0.68288s linear infinite;
          animation: oil-size-lowheat 0.68288s linear infinite;
}

.side .bulles:nth-child(39) {
  top: 63% !important;
  left: 27% !important;
  -webkit-animation: oil-size-lowheat 1.45595s linear infinite;
          animation: oil-size-lowheat 1.45595s linear infinite;
}

.side .bulles:nth-child(40) {
  top: 92% !important;
  left: 50% !important;
  -webkit-animation: oil-size-lowheat 1.35014s linear infinite;
          animation: oil-size-lowheat 1.35014s linear infinite;
}

.side .bulles:nth-child(41) {
  top: 52% !important;
  left: 7% !important;
  -webkit-animation: oil-size-lowheat 1.49391s linear infinite;
          animation: oil-size-lowheat 1.49391s linear infinite;
}

.side .bulles:nth-child(42) {
  top: 19% !important;
  left: 8% !important;
  -webkit-animation: oil-size-lowheat 0.58073s linear infinite;
          animation: oil-size-lowheat 0.58073s linear infinite;
}

.side .bulles:nth-child(43) {
  top: 38% !important;
  left: 65% !important;
  -webkit-animation: oil-size-lowheat 0.95406s linear infinite;
          animation: oil-size-lowheat 0.95406s linear infinite;
}

.side .bulles:nth-child(44) {
  top: 82% !important;
  left: 76% !important;
  -webkit-animation: oil-size-lowheat 0.57252s linear infinite;
          animation: oil-size-lowheat 0.57252s linear infinite;
}

.side .bulles:nth-child(45) {
  top: 84% !important;
  left: 65% !important;
  -webkit-animation: oil-size-lowheat 1.34578s linear infinite;
          animation: oil-size-lowheat 1.34578s linear infinite;
}

.side .bulles:nth-child(46) {
  top: 65% !important;
  left: 59% !important;
  -webkit-animation: oil-size-lowheat 0.96454s linear infinite;
          animation: oil-size-lowheat 0.96454s linear infinite;
}

.side .bulles:nth-child(47) {
  top: 33% !important;
  left: 89% !important;
  -webkit-animation: oil-size-lowheat 1.38954s linear infinite;
          animation: oil-size-lowheat 1.38954s linear infinite;
}

.side .bulles:nth-child(48) {
  top: 29% !important;
  left: 96% !important;
  -webkit-animation: oil-size-lowheat 0.97449s linear infinite;
          animation: oil-size-lowheat 0.97449s linear infinite;
}

.side .bulles:nth-child(49) {
  top: 32% !important;
  left: 87% !important;
  -webkit-animation: oil-size-lowheat 1.01667s linear infinite;
          animation: oil-size-lowheat 1.01667s linear infinite;
}

.side .bulles:nth-child(50) {
  top: 82% !important;
  left: 97% !important;
  -webkit-animation: oil-size-lowheat 1.14649s linear infinite;
          animation: oil-size-lowheat 1.14649s linear infinite;
}

.side .bulles:nth-child(51) {
  top: 10% !important;
  left: 46% !important;
  -webkit-animation: oil-size-lowheat 1.06803s linear infinite;
          animation: oil-size-lowheat 1.06803s linear infinite;
}

.side .bulles:nth-child(52) {
  top: 4% !important;
  left: 27% !important;
  -webkit-animation: oil-size-lowheat 1.34986s linear infinite;
          animation: oil-size-lowheat 1.34986s linear infinite;
}

.side .bulles:nth-child(53) {
  top: 84% !important;
  left: 5% !important;
  -webkit-animation: oil-size-lowheat 0.61545s linear infinite;
          animation: oil-size-lowheat 0.61545s linear infinite;
}

.side .bulles:nth-child(54) {
  top: 23% !important;
  left: 89% !important;
  -webkit-animation: oil-size-lowheat 0.87492s linear infinite;
          animation: oil-size-lowheat 0.87492s linear infinite;
}

.side .bulles:nth-child(55) {
  top: 72% !important;
  left: 1% !important;
  -webkit-animation: oil-size-lowheat 0.81382s linear infinite;
          animation: oil-size-lowheat 0.81382s linear infinite;
}

.side .bulles:nth-child(56) {
  top: 80% !important;
  left: 8% !important;
  -webkit-animation: oil-size-lowheat 1.42526s linear infinite;
          animation: oil-size-lowheat 1.42526s linear infinite;
}

.side .bulles:nth-child(57) {
  top: 95% !important;
  left: 91% !important;
  -webkit-animation: oil-size-lowheat 1.20275s linear infinite;
          animation: oil-size-lowheat 1.20275s linear infinite;
}

.side .bulles:nth-child(58) {
  top: 73% !important;
  left: 40% !important;
  -webkit-animation: oil-size-lowheat 0.64011s linear infinite;
          animation: oil-size-lowheat 0.64011s linear infinite;
}

.side .bulles:nth-child(59) {
  top: 42% !important;
  left: 39% !important;
  -webkit-animation: oil-size-lowheat 0.91494s linear infinite;
          animation: oil-size-lowheat 0.91494s linear infinite;
}

.side .bulles:nth-child(60) {
  top: 18% !important;
  left: 64% !important;
  -webkit-animation: oil-size-lowheat 0.63923s linear infinite;
          animation: oil-size-lowheat 0.63923s linear infinite;
}

.side .bulles:nth-child(61) {
  top: 68% !important;
  left: 39% !important;
  -webkit-animation: oil-size-lowheat 0.85144s linear infinite;
          animation: oil-size-lowheat 0.85144s linear infinite;
}

.side .bulles:nth-child(62) {
  top: 6% !important;
  left: 47% !important;
  -webkit-animation: oil-size-lowheat 0.87306s linear infinite;
          animation: oil-size-lowheat 0.87306s linear infinite;
}

.side .bulles:nth-child(63) {
  top: 61% !important;
  left: 16% !important;
  -webkit-animation: oil-size-lowheat 0.5743s linear infinite;
          animation: oil-size-lowheat 0.5743s linear infinite;
}

.side .bulles:nth-child(64) {
  top: 21% !important;
  left: 69% !important;
  -webkit-animation: oil-size-lowheat 0.60767s linear infinite;
          animation: oil-size-lowheat 0.60767s linear infinite;
}

.side .bulles:nth-child(65) {
  top: 68% !important;
  left: 39% !important;
  -webkit-animation: oil-size-lowheat 1.23259s linear infinite;
          animation: oil-size-lowheat 1.23259s linear infinite;
}

.side .bulles:nth-child(66) {
  top: 28% !important;
  left: 83% !important;
  -webkit-animation: oil-size-lowheat 0.78999s linear infinite;
          animation: oil-size-lowheat 0.78999s linear infinite;
}

.side .bulles:nth-child(67) {
  top: 48% !important;
  left: 74% !important;
  -webkit-animation: oil-size-lowheat 0.61605s linear infinite;
          animation: oil-size-lowheat 0.61605s linear infinite;
}

.side .bulles:nth-child(68) {
  top: 8% !important;
  left: 64% !important;
  -webkit-animation: oil-size-lowheat 0.85517s linear infinite;
          animation: oil-size-lowheat 0.85517s linear infinite;
}

.side .bulles:nth-child(69) {
  top: 6% !important;
  left: 3% !important;
  -webkit-animation: oil-size-lowheat 1.02318s linear infinite;
          animation: oil-size-lowheat 1.02318s linear infinite;
}

.side .bulles:nth-child(70) {
  top: 86% !important;
  left: 27% !important;
  -webkit-animation: oil-size-lowheat 0.89965s linear infinite;
          animation: oil-size-lowheat 0.89965s linear infinite;
}

.side .bulles:nth-child(71) {
  top: 45% !important;
  left: 83% !important;
  -webkit-animation: oil-size-lowheat 1.25583s linear infinite;
          animation: oil-size-lowheat 1.25583s linear infinite;
}

.side .bulles:nth-child(72) {
  top: 92% !important;
  left: 63% !important;
  -webkit-animation: oil-size-lowheat 0.89885s linear infinite;
          animation: oil-size-lowheat 0.89885s linear infinite;
}

.side .bulles:nth-child(73) {
  top: 1% !important;
  left: 33% !important;
  -webkit-animation: oil-size-lowheat 1.1356s linear infinite;
          animation: oil-size-lowheat 1.1356s linear infinite;
}

.side .bulles:nth-child(74) {
  top: 67% !important;
  left: 76% !important;
  -webkit-animation: oil-size-lowheat 1.24462s linear infinite;
          animation: oil-size-lowheat 1.24462s linear infinite;
}

.side .bulles:nth-child(75) {
  top: 57% !important;
  left: 94% !important;
  -webkit-animation: oil-size-lowheat 0.54723s linear infinite;
          animation: oil-size-lowheat 0.54723s linear infinite;
}

.side .bulles:nth-child(76) {
  top: 58% !important;
  left: 89% !important;
  -webkit-animation: oil-size-lowheat 1.01445s linear infinite;
          animation: oil-size-lowheat 1.01445s linear infinite;
}

.side .bulles:nth-child(77) {
  top: 24% !important;
  left: 17% !important;
  -webkit-animation: oil-size-lowheat 1.12471s linear infinite;
          animation: oil-size-lowheat 1.12471s linear infinite;
}

.side .bulles:nth-child(78) {
  top: 80% !important;
  left: 45% !important;
  -webkit-animation: oil-size-lowheat 0.70454s linear infinite;
          animation: oil-size-lowheat 0.70454s linear infinite;
}

.side .bulles:nth-child(79) {
  top: 94% !important;
  left: 32% !important;
  -webkit-animation: oil-size-lowheat 1.08084s linear infinite;
          animation: oil-size-lowheat 1.08084s linear infinite;
}

.side .bulles:nth-child(80) {
  top: 40% !important;
  left: 46% !important;
  -webkit-animation: oil-size-lowheat 0.99779s linear infinite;
          animation: oil-size-lowheat 0.99779s linear infinite;
}

.side .bulles:nth-child(81) {
  top: 22% !important;
  left: 42% !important;
  -webkit-animation: oil-size-lowheat 0.70971s linear infinite;
          animation: oil-size-lowheat 0.70971s linear infinite;
}

.side .bulles:nth-child(82) {
  top: 5% !important;
  left: 59% !important;
  -webkit-animation: oil-size-lowheat 0.65043s linear infinite;
          animation: oil-size-lowheat 0.65043s linear infinite;
}

.side .bulles:nth-child(83) {
  top: 1% !important;
  left: 89% !important;
  -webkit-animation: oil-size-lowheat 0.52804s linear infinite;
          animation: oil-size-lowheat 0.52804s linear infinite;
}

.side .bulles:nth-child(84) {
  top: 88% !important;
  left: 46% !important;
  -webkit-animation: oil-size-lowheat 1.3603s linear infinite;
          animation: oil-size-lowheat 1.3603s linear infinite;
}

.side .bulles:nth-child(85) {
  top: 4% !important;
  left: 84% !important;
  -webkit-animation: oil-size-lowheat 0.7369s linear infinite;
          animation: oil-size-lowheat 0.7369s linear infinite;
}

.side .bulles:nth-child(86) {
  top: 4% !important;
  left: 51% !important;
  -webkit-animation: oil-size-lowheat 1.19799s linear infinite;
          animation: oil-size-lowheat 1.19799s linear infinite;
}

.side .bulles:nth-child(87) {
  top: 3% !important;
  left: 32% !important;
  -webkit-animation: oil-size-lowheat 1.47881s linear infinite;
          animation: oil-size-lowheat 1.47881s linear infinite;
}

.side .bulles:nth-child(88) {
  top: 10% !important;
  left: 16% !important;
  -webkit-animation: oil-size-lowheat 1.16459s linear infinite;
          animation: oil-size-lowheat 1.16459s linear infinite;
}

.side .bulles:nth-child(89) {
  top: 64% !important;
  left: 72% !important;
  -webkit-animation: oil-size-lowheat 1.13117s linear infinite;
          animation: oil-size-lowheat 1.13117s linear infinite;
}

.side .bulles:nth-child(90) {
  top: 31% !important;
  left: 25% !important;
  -webkit-animation: oil-size-lowheat 0.99029s linear infinite;
          animation: oil-size-lowheat 0.99029s linear infinite;
}

.full .bulles:nth-child(1) {
  top: 30% !important;
  left: 79% !important;
  -webkit-animation: oil-size-boiling 0.892s linear infinite;
          animation: oil-size-boiling 0.892s linear infinite;
}

.full .bulles:nth-child(2) {
  top: 11% !important;
  left: 53% !important;
  -webkit-animation: oil-size-boiling 0.76584s linear infinite;
          animation: oil-size-boiling 0.76584s linear infinite;
}

.full .bulles:nth-child(3) {
  top: 91% !important;
  left: 86% !important;
  -webkit-animation: oil-size-boiling 1.02214s linear infinite;
          animation: oil-size-boiling 1.02214s linear infinite;
}

.full .bulles:nth-child(4) {
  top: 72% !important;
  left: 10% !important;
  -webkit-animation: oil-size-boiling 1.3628s linear infinite;
          animation: oil-size-boiling 1.3628s linear infinite;
}

.full .bulles:nth-child(5) {
  top: 83% !important;
  left: 41% !important;
  -webkit-animation: oil-size-boiling 1.22995s linear infinite;
          animation: oil-size-boiling 1.22995s linear infinite;
}

.full .bulles:nth-child(6) {
  top: 7% !important;
  left: 92% !important;
  -webkit-animation: oil-size-boiling 0.5879s linear infinite;
          animation: oil-size-boiling 0.5879s linear infinite;
}

.full .bulles:nth-child(7) {
  top: 45% !important;
  left: 48% !important;
  -webkit-animation: oil-size-boiling 0.90319s linear infinite;
          animation: oil-size-boiling 0.90319s linear infinite;
}

.full .bulles:nth-child(8) {
  top: 39% !important;
  left: 36% !important;
  -webkit-animation: oil-size-boiling 1.09524s linear infinite;
          animation: oil-size-boiling 1.09524s linear infinite;
}

.full .bulles:nth-child(9) {
  top: 26% !important;
  left: 43% !important;
  -webkit-animation: oil-size-boiling 0.54253s linear infinite;
          animation: oil-size-boiling 0.54253s linear infinite;
}

.full .bulles:nth-child(10) {
  top: 74% !important;
  left: 26% !important;
  -webkit-animation: oil-size-boiling 1.36522s linear infinite;
          animation: oil-size-boiling 1.36522s linear infinite;
}

.full .bulles:nth-child(11) {
  top: 39% !important;
  left: 69% !important;
  -webkit-animation: oil-size-boiling 1.27948s linear infinite;
          animation: oil-size-boiling 1.27948s linear infinite;
}

.full .bulles:nth-child(12) {
  top: 98% !important;
  left: 82% !important;
  -webkit-animation: oil-size-boiling 0.90486s linear infinite;
          animation: oil-size-boiling 0.90486s linear infinite;
}

.full .bulles:nth-child(13) {
  top: 31% !important;
  left: 42% !important;
  -webkit-animation: oil-size-boiling 1.47341s linear infinite;
          animation: oil-size-boiling 1.47341s linear infinite;
}

.full .bulles:nth-child(14) {
  top: 26% !important;
  left: 46% !important;
  -webkit-animation: oil-size-boiling 0.98446s linear infinite;
          animation: oil-size-boiling 0.98446s linear infinite;
}

.full .bulles:nth-child(15) {
  top: 53% !important;
  left: 91% !important;
  -webkit-animation: oil-size-boiling 1.39749s linear infinite;
          animation: oil-size-boiling 1.39749s linear infinite;
}

.full .bulles:nth-child(16) {
  top: 80% !important;
  left: 24% !important;
  -webkit-animation: oil-size-boiling 0.91077s linear infinite;
          animation: oil-size-boiling 0.91077s linear infinite;
}

.full .bulles:nth-child(17) {
  top: 81% !important;
  left: 65% !important;
  -webkit-animation: oil-size-boiling 1.22744s linear infinite;
          animation: oil-size-boiling 1.22744s linear infinite;
}

.full .bulles:nth-child(18) {
  top: 94% !important;
  left: 22% !important;
  -webkit-animation: oil-size-boiling 0.71579s linear infinite;
          animation: oil-size-boiling 0.71579s linear infinite;
}

.full .bulles:nth-child(19) {
  top: 59% !important;
  left: 48% !important;
  -webkit-animation: oil-size-boiling 0.82557s linear infinite;
          animation: oil-size-boiling 0.82557s linear infinite;
}

.full .bulles:nth-child(20) {
  top: 90% !important;
  left: 18% !important;
  -webkit-animation: oil-size-boiling 0.69559s linear infinite;
          animation: oil-size-boiling 0.69559s linear infinite;
}

.full .bulles:nth-child(21) {
  top: 30% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiling 0.5295s linear infinite;
          animation: oil-size-boiling 0.5295s linear infinite;
}

.full .bulles:nth-child(22) {
  top: 84% !important;
  left: 100% !important;
  -webkit-animation: oil-size-boiling 0.72692s linear infinite;
          animation: oil-size-boiling 0.72692s linear infinite;
}

.full .bulles:nth-child(23) {
  top: 69% !important;
  left: 34% !important;
  -webkit-animation: oil-size-boiling 0.54808s linear infinite;
          animation: oil-size-boiling 0.54808s linear infinite;
}

.full .bulles:nth-child(24) {
  top: 100% !important;
  left: 37% !important;
  -webkit-animation: oil-size-boiling 1.28s linear infinite;
          animation: oil-size-boiling 1.28s linear infinite;
}

.full .bulles:nth-child(25) {
  top: 5% !important;
  left: 7% !important;
  -webkit-animation: oil-size-boiling 0.75841s linear infinite;
          animation: oil-size-boiling 0.75841s linear infinite;
}

.full .bulles:nth-child(26) {
  top: 24% !important;
  left: 93% !important;
  -webkit-animation: oil-size-boiling 1.38873s linear infinite;
          animation: oil-size-boiling 1.38873s linear infinite;
}

.full .bulles:nth-child(27) {
  top: 97% !important;
  left: 57% !important;
  -webkit-animation: oil-size-boiling 0.73284s linear infinite;
          animation: oil-size-boiling 0.73284s linear infinite;
}

.full .bulles:nth-child(28) {
  top: 15% !important;
  left: 93% !important;
  -webkit-animation: oil-size-boiling 0.98848s linear infinite;
          animation: oil-size-boiling 0.98848s linear infinite;
}

.full .bulles:nth-child(29) {
  top: 31% !important;
  left: 99% !important;
  -webkit-animation: oil-size-boiling 1.0475s linear infinite;
          animation: oil-size-boiling 1.0475s linear infinite;
}

.full .bulles:nth-child(30) {
  top: 100% !important;
  left: 78% !important;
  -webkit-animation: oil-size-boiling 1.37193s linear infinite;
          animation: oil-size-boiling 1.37193s linear infinite;
}

.full .bulles:nth-child(31) {
  top: 26% !important;
  left: 39% !important;
  -webkit-animation: oil-size-boiling 0.72087s linear infinite;
          animation: oil-size-boiling 0.72087s linear infinite;
}

.full .bulles:nth-child(32) {
  top: 99% !important;
  left: 96% !important;
  -webkit-animation: oil-size-boiling 0.69454s linear infinite;
          animation: oil-size-boiling 0.69454s linear infinite;
}

.full .bulles:nth-child(33) {
  top: 20% !important;
  left: 1% !important;
  -webkit-animation: oil-size-boiling 0.7338s linear infinite;
          animation: oil-size-boiling 0.7338s linear infinite;
}

.full .bulles:nth-child(34) {
  top: 27% !important;
  left: 87% !important;
  -webkit-animation: oil-size-boiling 1.32223s linear infinite;
          animation: oil-size-boiling 1.32223s linear infinite;
}

.full .bulles:nth-child(35) {
  top: 85% !important;
  left: 36% !important;
  -webkit-animation: oil-size-boiling 0.87348s linear infinite;
          animation: oil-size-boiling 0.87348s linear infinite;
}

.full .bulles:nth-child(36) {
  top: 83% !important;
  left: 9% !important;
  -webkit-animation: oil-size-boiling 1.27602s linear infinite;
          animation: oil-size-boiling 1.27602s linear infinite;
}

.full .bulles:nth-child(37) {
  top: 45% !important;
  left: 9% !important;
  -webkit-animation: oil-size-boiling 0.93415s linear infinite;
          animation: oil-size-boiling 0.93415s linear infinite;
}

.full .bulles:nth-child(38) {
  top: 76% !important;
  left: 20% !important;
  -webkit-animation: oil-size-boiling 1.21675s linear infinite;
          animation: oil-size-boiling 1.21675s linear infinite;
}

.full .bulles:nth-child(39) {
  top: 4% !important;
  left: 30% !important;
  -webkit-animation: oil-size-boiling 1.18016s linear infinite;
          animation: oil-size-boiling 1.18016s linear infinite;
}

.full .bulles:nth-child(40) {
  top: 82% !important;
  left: 38% !important;
  -webkit-animation: oil-size-boiling 0.84885s linear infinite;
          animation: oil-size-boiling 0.84885s linear infinite;
}

.full .bulles:nth-child(41) {
  top: 76% !important;
  left: 26% !important;
  -webkit-animation: oil-size-boiling 1.39301s linear infinite;
          animation: oil-size-boiling 1.39301s linear infinite;
}

.full .bulles:nth-child(42) {
  top: 67% !important;
  left: 3% !important;
  -webkit-animation: oil-size-boiling 1.49824s linear infinite;
          animation: oil-size-boiling 1.49824s linear infinite;
}

.full .bulles:nth-child(43) {
  top: 65% !important;
  left: 1% !important;
  -webkit-animation: oil-size-boiling 0.56344s linear infinite;
          animation: oil-size-boiling 0.56344s linear infinite;
}

.full .bulles:nth-child(44) {
  top: 11% !important;
  left: 91% !important;
  -webkit-animation: oil-size-boiling 0.69904s linear infinite;
          animation: oil-size-boiling 0.69904s linear infinite;
}

.full .bulles:nth-child(45) {
  top: 64% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiling 1.42585s linear infinite;
          animation: oil-size-boiling 1.42585s linear infinite;
}

.full .bulles:nth-child(46) {
  top: 72% !important;
  left: 31% !important;
  -webkit-animation: oil-size-boiling 1.16945s linear infinite;
          animation: oil-size-boiling 1.16945s linear infinite;
}

.full .bulles:nth-child(47) {
  top: 16% !important;
  left: 85% !important;
  -webkit-animation: oil-size-boiling 1.09271s linear infinite;
          animation: oil-size-boiling 1.09271s linear infinite;
}

.full .bulles:nth-child(48) {
  top: 32% !important;
  left: 71% !important;
  -webkit-animation: oil-size-boiling 0.70188s linear infinite;
          animation: oil-size-boiling 0.70188s linear infinite;
}

.full .bulles:nth-child(49) {
  top: 8% !important;
  left: 68% !important;
  -webkit-animation: oil-size-boiling 1.39198s linear infinite;
          animation: oil-size-boiling 1.39198s linear infinite;
}

.full .bulles:nth-child(50) {
  top: 8% !important;
  left: 83% !important;
  -webkit-animation: oil-size-boiling 1.02304s linear infinite;
          animation: oil-size-boiling 1.02304s linear infinite;
}

.full .bulles:nth-child(51) {
  top: 53% !important;
  left: 2% !important;
  -webkit-animation: oil-size-boiling 1.08114s linear infinite;
          animation: oil-size-boiling 1.08114s linear infinite;
}

.full .bulles:nth-child(52) {
  top: 3% !important;
  left: 20% !important;
  -webkit-animation: oil-size-boiling 1.06747s linear infinite;
          animation: oil-size-boiling 1.06747s linear infinite;
}

.full .bulles:nth-child(53) {
  top: 88% !important;
  left: 68% !important;
  -webkit-animation: oil-size-boiling 1.23679s linear infinite;
          animation: oil-size-boiling 1.23679s linear infinite;
}

.full .bulles:nth-child(54) {
  top: 2% !important;
  left: 33% !important;
  -webkit-animation: oil-size-boiling 1.42697s linear infinite;
          animation: oil-size-boiling 1.42697s linear infinite;
}

.full .bulles:nth-child(55) {
  top: 71% !important;
  left: 13% !important;
  -webkit-animation: oil-size-boiling 0.51173s linear infinite;
          animation: oil-size-boiling 0.51173s linear infinite;
}

.full .bulles:nth-child(56) {
  top: 73% !important;
  left: 86% !important;
  -webkit-animation: oil-size-boiling 1.31201s linear infinite;
          animation: oil-size-boiling 1.31201s linear infinite;
}

.full .bulles:nth-child(57) {
  top: 43% !important;
  left: 37% !important;
  -webkit-animation: oil-size-boiling 1.23809s linear infinite;
          animation: oil-size-boiling 1.23809s linear infinite;
}

.full .bulles:nth-child(58) {
  top: 94% !important;
  left: 30% !important;
  -webkit-animation: oil-size-boiling 0.78641s linear infinite;
          animation: oil-size-boiling 0.78641s linear infinite;
}

.full .bulles:nth-child(59) {
  top: 1% !important;
  left: 5% !important;
  -webkit-animation: oil-size-boiling 1.15252s linear infinite;
          animation: oil-size-boiling 1.15252s linear infinite;
}

.full .bulles:nth-child(60) {
  top: 19% !important;
  left: 75% !important;
  -webkit-animation: oil-size-boiling 1.26648s linear infinite;
          animation: oil-size-boiling 1.26648s linear infinite;
}

.full .bulles:nth-child(61) {
  top: 88% !important;
  left: 71% !important;
  -webkit-animation: oil-size-boiling 1.43552s linear infinite;
          animation: oil-size-boiling 1.43552s linear infinite;
}

.full .bulles:nth-child(62) {
  top: 46% !important;
  left: 19% !important;
  -webkit-animation: oil-size-boiling 0.76156s linear infinite;
          animation: oil-size-boiling 0.76156s linear infinite;
}

.full .bulles:nth-child(63) {
  top: 42% !important;
  left: 86% !important;
  -webkit-animation: oil-size-boiling 1.01382s linear infinite;
          animation: oil-size-boiling 1.01382s linear infinite;
}

.full .bulles:nth-child(64) {
  top: 7% !important;
  left: 64% !important;
  -webkit-animation: oil-size-boiling 0.92588s linear infinite;
          animation: oil-size-boiling 0.92588s linear infinite;
}

.full .bulles:nth-child(65) {
  top: 26% !important;
  left: 87% !important;
  -webkit-animation: oil-size-boiling 1.03453s linear infinite;
          animation: oil-size-boiling 1.03453s linear infinite;
}

.full .bulles:nth-child(66) {
  top: 8% !important;
  left: 48% !important;
  -webkit-animation: oil-size-boiling 0.962s linear infinite;
          animation: oil-size-boiling 0.962s linear infinite;
}

.full .bulles:nth-child(67) {
  top: 12% !important;
  left: 83% !important;
  -webkit-animation: oil-size-boiling 1.35009s linear infinite;
          animation: oil-size-boiling 1.35009s linear infinite;
}

.full .bulles:nth-child(68) {
  top: 18% !important;
  left: 47% !important;
  -webkit-animation: oil-size-boiling 1.47222s linear infinite;
          animation: oil-size-boiling 1.47222s linear infinite;
}

.full .bulles:nth-child(69) {
  top: 84% !important;
  left: 40% !important;
  -webkit-animation: oil-size-boiling 0.61565s linear infinite;
          animation: oil-size-boiling 0.61565s linear infinite;
}

.full .bulles:nth-child(70) {
  top: 43% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiling 1.45835s linear infinite;
          animation: oil-size-boiling 1.45835s linear infinite;
}

.full .bulles:nth-child(71) {
  top: 49% !important;
  left: 69% !important;
  -webkit-animation: oil-size-boiling 1.31825s linear infinite;
          animation: oil-size-boiling 1.31825s linear infinite;
}

.full .bulles:nth-child(72) {
  top: 19% !important;
  left: 80% !important;
  -webkit-animation: oil-size-boiling 1.26345s linear infinite;
          animation: oil-size-boiling 1.26345s linear infinite;
}

.full .bulles:nth-child(73) {
  top: 13% !important;
  left: 69% !important;
  -webkit-animation: oil-size-boiling 0.73419s linear infinite;
          animation: oil-size-boiling 0.73419s linear infinite;
}

.full .bulles:nth-child(74) {
  top: 50% !important;
  left: 99% !important;
  -webkit-animation: oil-size-boiling 0.81959s linear infinite;
          animation: oil-size-boiling 0.81959s linear infinite;
}

.full .bulles:nth-child(75) {
  top: 18% !important;
  left: 35% !important;
  -webkit-animation: oil-size-boiling 0.62398s linear infinite;
          animation: oil-size-boiling 0.62398s linear infinite;
}

.full .bulles:nth-child(76) {
  top: 94% !important;
  left: 75% !important;
  -webkit-animation: oil-size-boiling 1.17955s linear infinite;
          animation: oil-size-boiling 1.17955s linear infinite;
}

.full .bulles:nth-child(77) {
  top: 62% !important;
  left: 30% !important;
  -webkit-animation: oil-size-boiling 0.95014s linear infinite;
          animation: oil-size-boiling 0.95014s linear infinite;
}

.full .bulles:nth-child(78) {
  top: 67% !important;
  left: 79% !important;
  -webkit-animation: oil-size-boiling 1.05727s linear infinite;
          animation: oil-size-boiling 1.05727s linear infinite;
}

.full .bulles:nth-child(79) {
  top: 18% !important;
  left: 83% !important;
  -webkit-animation: oil-size-boiling 1.46087s linear infinite;
          animation: oil-size-boiling 1.46087s linear infinite;
}

.full .bulles:nth-child(80) {
  top: 11% !important;
  left: 25% !important;
  -webkit-animation: oil-size-boiling 1.24539s linear infinite;
          animation: oil-size-boiling 1.24539s linear infinite;
}

.full .bulles:nth-child(81) {
  top: 29% !important;
  left: 67% !important;
  -webkit-animation: oil-size-boiling 0.68596s linear infinite;
          animation: oil-size-boiling 0.68596s linear infinite;
}

.full .bulles:nth-child(82) {
  top: 20% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiling 0.5949s linear infinite;
          animation: oil-size-boiling 0.5949s linear infinite;
}

.full .bulles:nth-child(83) {
  top: 45% !important;
  left: 91% !important;
  -webkit-animation: oil-size-boiling 1.15986s linear infinite;
          animation: oil-size-boiling 1.15986s linear infinite;
}

.full .bulles:nth-child(84) {
  top: 7% !important;
  left: 52% !important;
  -webkit-animation: oil-size-boiling 0.8709s linear infinite;
          animation: oil-size-boiling 0.8709s linear infinite;
}

.full .bulles:nth-child(85) {
  top: 99% !important;
  left: 71% !important;
  -webkit-animation: oil-size-boiling 1.42799s linear infinite;
          animation: oil-size-boiling 1.42799s linear infinite;
}

.full .bulles:nth-child(86) {
  top: 34% !important;
  left: 58% !important;
  -webkit-animation: oil-size-boiling 0.95572s linear infinite;
          animation: oil-size-boiling 0.95572s linear infinite;
}

.full .bulles:nth-child(87) {
  top: 69% !important;
  left: 43% !important;
  -webkit-animation: oil-size-boiling 1.08103s linear infinite;
          animation: oil-size-boiling 1.08103s linear infinite;
}

.full .bulles:nth-child(88) {
  top: 95% !important;
  left: 30% !important;
  -webkit-animation: oil-size-boiling 1.35011s linear infinite;
          animation: oil-size-boiling 1.35011s linear infinite;
}

.full .bulles:nth-child(89) {
  top: 89% !important;
  left: 86% !important;
  -webkit-animation: oil-size-boiling 0.50347s linear infinite;
          animation: oil-size-boiling 0.50347s linear infinite;
}

.full .bulles:nth-child(90) {
  top: 13% !important;
  left: 55% !important;
  -webkit-animation: oil-size-boiling 0.75422s linear infinite;
          animation: oil-size-boiling 0.75422s linear infinite;
}

.side-med .bulles:nth-child(1) {
  top: 98% !important;
  left: 88% !important;
  -webkit-animation: oil-size-boiltomed 1.24617s linear 3, oil-size-medheat, oil-size-medheat 1.24617s linear 1.24617s infinite;
          animation: oil-size-boiltomed 1.24617s linear 3, oil-size-medheat, oil-size-medheat 1.24617s linear 1.24617s infinite;
}

.side-med .bulles:nth-child(2) {
  top: 1% !important;
  left: 82% !important;
  -webkit-animation: oil-size-boiltomed 0.61527s linear 3, oil-size-medheat, oil-size-medheat 0.61527s linear 0.61527s infinite;
          animation: oil-size-boiltomed 0.61527s linear 3, oil-size-medheat, oil-size-medheat 0.61527s linear 0.61527s infinite;
}

.side-med .bulles:nth-child(3) {
  top: 34% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiltomed 0.60099s linear 3, oil-size-medheat, oil-size-medheat 0.60099s linear 0.60099s infinite;
          animation: oil-size-boiltomed 0.60099s linear 3, oil-size-medheat, oil-size-medheat 0.60099s linear 0.60099s infinite;
}

.side-med .bulles:nth-child(4) {
  top: 57% !important;
  left: 37% !important;
  -webkit-animation: oil-size-boiltomed 0.84917s linear 3, oil-size-medheat, oil-size-medheat 0.84917s linear 0.84917s infinite;
          animation: oil-size-boiltomed 0.84917s linear 3, oil-size-medheat, oil-size-medheat 0.84917s linear 0.84917s infinite;
}

.side-med .bulles:nth-child(5) {
  top: 3% !important;
  left: 62% !important;
  -webkit-animation: oil-size-boiltomed 0.66873s linear 3, oil-size-medheat, oil-size-medheat 0.66873s linear 0.66873s infinite;
          animation: oil-size-boiltomed 0.66873s linear 3, oil-size-medheat, oil-size-medheat 0.66873s linear 0.66873s infinite;
}

.side-med .bulles:nth-child(6) {
  top: 76% !important;
  left: 97% !important;
  -webkit-animation: oil-size-boiltomed 0.90891s linear 3, oil-size-medheat, oil-size-medheat 0.90891s linear 0.90891s infinite;
          animation: oil-size-boiltomed 0.90891s linear 3, oil-size-medheat, oil-size-medheat 0.90891s linear 0.90891s infinite;
}

.side-med .bulles:nth-child(7) {
  top: 23% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiltomed 1.48487s linear 3, oil-size-medheat, oil-size-medheat 1.48487s linear 1.48487s infinite;
          animation: oil-size-boiltomed 1.48487s linear 3, oil-size-medheat, oil-size-medheat 1.48487s linear 1.48487s infinite;
}

.side-med .bulles:nth-child(8) {
  top: 46% !important;
  left: 62% !important;
  -webkit-animation: oil-size-boiltomed 1.06677s linear 3, oil-size-medheat, oil-size-medheat 1.06677s linear 1.06677s infinite;
          animation: oil-size-boiltomed 1.06677s linear 3, oil-size-medheat, oil-size-medheat 1.06677s linear 1.06677s infinite;
}

.side-med .bulles:nth-child(9) {
  top: 52% !important;
  left: 27% !important;
  -webkit-animation: oil-size-boiltomed 0.68624s linear 3, oil-size-medheat, oil-size-medheat 0.68624s linear 0.68624s infinite;
          animation: oil-size-boiltomed 0.68624s linear 3, oil-size-medheat, oil-size-medheat 0.68624s linear 0.68624s infinite;
}

.side-med .bulles:nth-child(10) {
  top: 40% !important;
  left: 50% !important;
  -webkit-animation: oil-size-boiltomed 1.06153s linear 3, oil-size-medheat, oil-size-medheat 1.06153s linear 1.06153s infinite;
          animation: oil-size-boiltomed 1.06153s linear 3, oil-size-medheat, oil-size-medheat 1.06153s linear 1.06153s infinite;
}

.side-med .bulles:nth-child(11) {
  top: 14% !important;
  left: 66% !important;
  -webkit-animation: oil-size-boiltomed 1.38586s linear 3, oil-size-medheat, oil-size-medheat 1.38586s linear 1.38586s infinite;
          animation: oil-size-boiltomed 1.38586s linear 3, oil-size-medheat, oil-size-medheat 1.38586s linear 1.38586s infinite;
}

.side-med .bulles:nth-child(12) {
  top: 37% !important;
  left: 94% !important;
  -webkit-animation: oil-size-boiltomed 0.80484s linear 3, oil-size-medheat, oil-size-medheat 0.80484s linear 0.80484s infinite;
          animation: oil-size-boiltomed 0.80484s linear 3, oil-size-medheat, oil-size-medheat 0.80484s linear 0.80484s infinite;
}

.side-med .bulles:nth-child(13) {
  top: 93% !important;
  left: 85% !important;
  -webkit-animation: oil-size-boiltomed 1.19831s linear 3, oil-size-medheat, oil-size-medheat 1.19831s linear 1.19831s infinite;
          animation: oil-size-boiltomed 1.19831s linear 3, oil-size-medheat, oil-size-medheat 1.19831s linear 1.19831s infinite;
}

.side-med .bulles:nth-child(14) {
  top: 44% !important;
  left: 78% !important;
  -webkit-animation: oil-size-boiltomed 1.27018s linear 3, oil-size-medheat, oil-size-medheat 1.27018s linear 1.27018s infinite;
          animation: oil-size-boiltomed 1.27018s linear 3, oil-size-medheat, oil-size-medheat 1.27018s linear 1.27018s infinite;
}

.side-med .bulles:nth-child(15) {
  top: 5% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiltomed 1.26414s linear 3, oil-size-medheat, oil-size-medheat 1.26414s linear 1.26414s infinite;
          animation: oil-size-boiltomed 1.26414s linear 3, oil-size-medheat, oil-size-medheat 1.26414s linear 1.26414s infinite;
}

.side-med .bulles:nth-child(16) {
  top: 55% !important;
  left: 97% !important;
  -webkit-animation: oil-size-boiltomed 0.57367s linear 3, oil-size-medheat, oil-size-medheat 0.57367s linear 0.57367s infinite;
          animation: oil-size-boiltomed 0.57367s linear 3, oil-size-medheat, oil-size-medheat 0.57367s linear 0.57367s infinite;
}

.side-med .bulles:nth-child(17) {
  top: 12% !important;
  left: 68% !important;
  -webkit-animation: oil-size-boiltomed 1.21379s linear 3, oil-size-medheat, oil-size-medheat 1.21379s linear 1.21379s infinite;
          animation: oil-size-boiltomed 1.21379s linear 3, oil-size-medheat, oil-size-medheat 1.21379s linear 1.21379s infinite;
}

.side-med .bulles:nth-child(18) {
  top: 61% !important;
  left: 35% !important;
  -webkit-animation: oil-size-boiltomed 0.76772s linear 3, oil-size-medheat, oil-size-medheat 0.76772s linear 0.76772s infinite;
          animation: oil-size-boiltomed 0.76772s linear 3, oil-size-medheat, oil-size-medheat 0.76772s linear 0.76772s infinite;
}

.side-med .bulles:nth-child(19) {
  top: 40% !important;
  left: 95% !important;
  -webkit-animation: oil-size-boiltomed 0.73321s linear 3, oil-size-medheat, oil-size-medheat 0.73321s linear 0.73321s infinite;
          animation: oil-size-boiltomed 0.73321s linear 3, oil-size-medheat, oil-size-medheat 0.73321s linear 0.73321s infinite;
}

.side-med .bulles:nth-child(20) {
  top: 32% !important;
  left: 73% !important;
  -webkit-animation: oil-size-boiltomed 0.81081s linear 3, oil-size-medheat, oil-size-medheat 0.81081s linear 0.81081s infinite;
          animation: oil-size-boiltomed 0.81081s linear 3, oil-size-medheat, oil-size-medheat 0.81081s linear 0.81081s infinite;
}

.side-med .bulles:nth-child(21) {
  top: 72% !important;
  left: 23% !important;
  -webkit-animation: oil-size-boiltomed 1.29468s linear 3, oil-size-medheat, oil-size-medheat 1.29468s linear 1.29468s infinite;
          animation: oil-size-boiltomed 1.29468s linear 3, oil-size-medheat, oil-size-medheat 1.29468s linear 1.29468s infinite;
}

.side-med .bulles:nth-child(22) {
  top: 22% !important;
  left: 28% !important;
  -webkit-animation: oil-size-boiltomed 1.49526s linear 3, oil-size-medheat, oil-size-medheat 1.49526s linear 1.49526s infinite;
          animation: oil-size-boiltomed 1.49526s linear 3, oil-size-medheat, oil-size-medheat 1.49526s linear 1.49526s infinite;
}

.side-med .bulles:nth-child(23) {
  top: 74% !important;
  left: 45% !important;
  -webkit-animation: oil-size-boiltomed 0.52741s linear 3, oil-size-medheat, oil-size-medheat 0.52741s linear 0.52741s infinite;
          animation: oil-size-boiltomed 0.52741s linear 3, oil-size-medheat, oil-size-medheat 0.52741s linear 0.52741s infinite;
}

.side-med .bulles:nth-child(24) {
  top: 44% !important;
  left: 50% !important;
  -webkit-animation: oil-size-boiltomed 0.80193s linear 3, oil-size-medheat, oil-size-medheat 0.80193s linear 0.80193s infinite;
          animation: oil-size-boiltomed 0.80193s linear 3, oil-size-medheat, oil-size-medheat 0.80193s linear 0.80193s infinite;
}

.side-med .bulles:nth-child(25) {
  top: 22% !important;
  left: 19% !important;
  -webkit-animation: oil-size-boiltomed 1.20917s linear 3, oil-size-medheat, oil-size-medheat 1.20917s linear 1.20917s infinite;
          animation: oil-size-boiltomed 1.20917s linear 3, oil-size-medheat, oil-size-medheat 1.20917s linear 1.20917s infinite;
}

.side-med .bulles:nth-child(26) {
  top: 71% !important;
  left: 47% !important;
  -webkit-animation: oil-size-boiltomed 0.90961s linear 3, oil-size-medheat, oil-size-medheat 0.90961s linear 0.90961s infinite;
          animation: oil-size-boiltomed 0.90961s linear 3, oil-size-medheat, oil-size-medheat 0.90961s linear 0.90961s infinite;
}

.side-med .bulles:nth-child(27) {
  top: 63% !important;
  left: 29% !important;
  -webkit-animation: oil-size-boiltomed 0.5003s linear 3, oil-size-medheat, oil-size-medheat 0.5003s linear 0.5003s infinite;
          animation: oil-size-boiltomed 0.5003s linear 3, oil-size-medheat, oil-size-medheat 0.5003s linear 0.5003s infinite;
}

.side-med .bulles:nth-child(28) {
  top: 35% !important;
  left: 38% !important;
  -webkit-animation: oil-size-boiltomed 0.92973s linear 3, oil-size-medheat, oil-size-medheat 0.92973s linear 0.92973s infinite;
          animation: oil-size-boiltomed 0.92973s linear 3, oil-size-medheat, oil-size-medheat 0.92973s linear 0.92973s infinite;
}

.side-med .bulles:nth-child(29) {
  top: 20% !important;
  left: 43% !important;
  -webkit-animation: oil-size-boiltomed 1.24899s linear 3, oil-size-medheat, oil-size-medheat 1.24899s linear 1.24899s infinite;
          animation: oil-size-boiltomed 1.24899s linear 3, oil-size-medheat, oil-size-medheat 1.24899s linear 1.24899s infinite;
}

.side-med .bulles:nth-child(30) {
  top: 17% !important;
  left: 26% !important;
  -webkit-animation: oil-size-boiltomed 1.46019s linear 3, oil-size-medheat, oil-size-medheat 1.46019s linear 1.46019s infinite;
          animation: oil-size-boiltomed 1.46019s linear 3, oil-size-medheat, oil-size-medheat 1.46019s linear 1.46019s infinite;
}

.side-med .bulles:nth-child(31) {
  top: 26% !important;
  left: 37% !important;
  -webkit-animation: oil-size-boiltomed 0.98039s linear 3, oil-size-medheat, oil-size-medheat 0.98039s linear 0.98039s infinite;
          animation: oil-size-boiltomed 0.98039s linear 3, oil-size-medheat, oil-size-medheat 0.98039s linear 0.98039s infinite;
}

.side-med .bulles:nth-child(32) {
  top: 15% !important;
  left: 47% !important;
  -webkit-animation: oil-size-boiltomed 0.51934s linear 3, oil-size-medheat, oil-size-medheat 0.51934s linear 0.51934s infinite;
          animation: oil-size-boiltomed 0.51934s linear 3, oil-size-medheat, oil-size-medheat 0.51934s linear 0.51934s infinite;
}

.side-med .bulles:nth-child(33) {
  top: 63% !important;
  left: 67% !important;
  -webkit-animation: oil-size-boiltomed 0.59257s linear 3, oil-size-medheat, oil-size-medheat 0.59257s linear 0.59257s infinite;
          animation: oil-size-boiltomed 0.59257s linear 3, oil-size-medheat, oil-size-medheat 0.59257s linear 0.59257s infinite;
}

.side-med .bulles:nth-child(34) {
  top: 70% !important;
  left: 78% !important;
  -webkit-animation: oil-size-boiltomed 1.22685s linear 3, oil-size-medheat, oil-size-medheat 1.22685s linear 1.22685s infinite;
          animation: oil-size-boiltomed 1.22685s linear 3, oil-size-medheat, oil-size-medheat 1.22685s linear 1.22685s infinite;
}

.side-med .bulles:nth-child(35) {
  top: 99% !important;
  left: 9% !important;
  -webkit-animation: oil-size-boiltomed 1.06434s linear 3, oil-size-medheat, oil-size-medheat 1.06434s linear 1.06434s infinite;
          animation: oil-size-boiltomed 1.06434s linear 3, oil-size-medheat, oil-size-medheat 1.06434s linear 1.06434s infinite;
}

.side-med .bulles:nth-child(36) {
  top: 22% !important;
  left: 55% !important;
  -webkit-animation: oil-size-boiltomed 0.79692s linear 3, oil-size-medheat, oil-size-medheat 0.79692s linear 0.79692s infinite;
          animation: oil-size-boiltomed 0.79692s linear 3, oil-size-medheat, oil-size-medheat 0.79692s linear 0.79692s infinite;
}

.side-med .bulles:nth-child(37) {
  top: 52% !important;
  left: 18% !important;
  -webkit-animation: oil-size-boiltomed 0.98295s linear 3, oil-size-medheat, oil-size-medheat 0.98295s linear 0.98295s infinite;
          animation: oil-size-boiltomed 0.98295s linear 3, oil-size-medheat, oil-size-medheat 0.98295s linear 0.98295s infinite;
}

.side-med .bulles:nth-child(38) {
  top: 41% !important;
  left: 64% !important;
  -webkit-animation: oil-size-boiltomed 0.51756s linear 3, oil-size-medheat, oil-size-medheat 0.51756s linear 0.51756s infinite;
          animation: oil-size-boiltomed 0.51756s linear 3, oil-size-medheat, oil-size-medheat 0.51756s linear 0.51756s infinite;
}

.side-med .bulles:nth-child(39) {
  top: 14% !important;
  left: 40% !important;
  -webkit-animation: oil-size-boiltomed 0.9839s linear 3, oil-size-medheat, oil-size-medheat 0.9839s linear 0.9839s infinite;
          animation: oil-size-boiltomed 0.9839s linear 3, oil-size-medheat, oil-size-medheat 0.9839s linear 0.9839s infinite;
}

.side-med .bulles:nth-child(40) {
  top: 28% !important;
  left: 99% !important;
  -webkit-animation: oil-size-boiltomed 1.34665s linear 3, oil-size-medheat, oil-size-medheat 1.34665s linear 1.34665s infinite;
          animation: oil-size-boiltomed 1.34665s linear 3, oil-size-medheat, oil-size-medheat 1.34665s linear 1.34665s infinite;
}

.side-med .bulles:nth-child(41) {
  top: 93% !important;
  left: 29% !important;
  -webkit-animation: oil-size-boiltomed 1.39341s linear 3, oil-size-medheat, oil-size-medheat 1.39341s linear 1.39341s infinite;
          animation: oil-size-boiltomed 1.39341s linear 3, oil-size-medheat, oil-size-medheat 1.39341s linear 1.39341s infinite;
}

.side-med .bulles:nth-child(42) {
  top: 22% !important;
  left: 67% !important;
  -webkit-animation: oil-size-boiltomed 1.08681s linear 3, oil-size-medheat, oil-size-medheat 1.08681s linear 1.08681s infinite;
          animation: oil-size-boiltomed 1.08681s linear 3, oil-size-medheat, oil-size-medheat 1.08681s linear 1.08681s infinite;
}

.side-med .bulles:nth-child(43) {
  top: 9% !important;
  left: 73% !important;
  -webkit-animation: oil-size-boiltomed 0.79539s linear 3, oil-size-medheat, oil-size-medheat 0.79539s linear 0.79539s infinite;
          animation: oil-size-boiltomed 0.79539s linear 3, oil-size-medheat, oil-size-medheat 0.79539s linear 0.79539s infinite;
}

.side-med .bulles:nth-child(44) {
  top: 32% !important;
  left: 59% !important;
  -webkit-animation: oil-size-boiltomed 1.48409s linear 3, oil-size-medheat, oil-size-medheat 1.48409s linear 1.48409s infinite;
          animation: oil-size-boiltomed 1.48409s linear 3, oil-size-medheat, oil-size-medheat 1.48409s linear 1.48409s infinite;
}

.side-med .bulles:nth-child(45) {
  top: 37% !important;
  left: 90% !important;
  -webkit-animation: oil-size-boiltomed 0.86922s linear 3, oil-size-medheat, oil-size-medheat 0.86922s linear 0.86922s infinite;
          animation: oil-size-boiltomed 0.86922s linear 3, oil-size-medheat, oil-size-medheat 0.86922s linear 0.86922s infinite;
}

.side-med .bulles:nth-child(46) {
  top: 86% !important;
  left: 21% !important;
  -webkit-animation: oil-size-boiltomed 1.36432s linear 3, oil-size-medheat, oil-size-medheat 1.36432s linear 1.36432s infinite;
          animation: oil-size-boiltomed 1.36432s linear 3, oil-size-medheat, oil-size-medheat 1.36432s linear 1.36432s infinite;
}

.side-med .bulles:nth-child(47) {
  top: 5% !important;
  left: 78% !important;
  -webkit-animation: oil-size-boiltomed 1.33138s linear 3, oil-size-medheat, oil-size-medheat 1.33138s linear 1.33138s infinite;
          animation: oil-size-boiltomed 1.33138s linear 3, oil-size-medheat, oil-size-medheat 1.33138s linear 1.33138s infinite;
}

.side-med .bulles:nth-child(48) {
  top: 71% !important;
  left: 60% !important;
  -webkit-animation: oil-size-boiltomed 0.73381s linear 3, oil-size-medheat, oil-size-medheat 0.73381s linear 0.73381s infinite;
          animation: oil-size-boiltomed 0.73381s linear 3, oil-size-medheat, oil-size-medheat 0.73381s linear 0.73381s infinite;
}

.side-med .bulles:nth-child(49) {
  top: 79% !important;
  left: 95% !important;
  -webkit-animation: oil-size-boiltomed 0.65443s linear 3, oil-size-medheat, oil-size-medheat 0.65443s linear 0.65443s infinite;
          animation: oil-size-boiltomed 0.65443s linear 3, oil-size-medheat, oil-size-medheat 0.65443s linear 0.65443s infinite;
}

.side-med .bulles:nth-child(50) {
  top: 3% !important;
  left: 35% !important;
  -webkit-animation: oil-size-boiltomed 0.78586s linear 3, oil-size-medheat, oil-size-medheat 0.78586s linear 0.78586s infinite;
          animation: oil-size-boiltomed 0.78586s linear 3, oil-size-medheat, oil-size-medheat 0.78586s linear 0.78586s infinite;
}

.side-med .bulles:nth-child(51) {
  top: 64% !important;
  left: 53% !important;
  -webkit-animation: oil-size-boiltomed 1.19815s linear 3, oil-size-medheat, oil-size-medheat 1.19815s linear 1.19815s infinite;
          animation: oil-size-boiltomed 1.19815s linear 3, oil-size-medheat, oil-size-medheat 1.19815s linear 1.19815s infinite;
}

.side-med .bulles:nth-child(52) {
  top: 54% !important;
  left: 25% !important;
  -webkit-animation: oil-size-boiltomed 0.56505s linear 3, oil-size-medheat, oil-size-medheat 0.56505s linear 0.56505s infinite;
          animation: oil-size-boiltomed 0.56505s linear 3, oil-size-medheat, oil-size-medheat 0.56505s linear 0.56505s infinite;
}

.side-med .bulles:nth-child(53) {
  top: 61% !important;
  left: 28% !important;
  -webkit-animation: oil-size-boiltomed 0.64335s linear 3, oil-size-medheat, oil-size-medheat 0.64335s linear 0.64335s infinite;
          animation: oil-size-boiltomed 0.64335s linear 3, oil-size-medheat, oil-size-medheat 0.64335s linear 0.64335s infinite;
}

.side-med .bulles:nth-child(54) {
  top: 68% !important;
  left: 67% !important;
  -webkit-animation: oil-size-boiltomed 0.83452s linear 3, oil-size-medheat, oil-size-medheat 0.83452s linear 0.83452s infinite;
          animation: oil-size-boiltomed 0.83452s linear 3, oil-size-medheat, oil-size-medheat 0.83452s linear 0.83452s infinite;
}

.side-med .bulles:nth-child(55) {
  top: 94% !important;
  left: 79% !important;
  -webkit-animation: oil-size-boiltomed 1.46565s linear 3, oil-size-medheat, oil-size-medheat 1.46565s linear 1.46565s infinite;
          animation: oil-size-boiltomed 1.46565s linear 3, oil-size-medheat, oil-size-medheat 1.46565s linear 1.46565s infinite;
}

.side-med .bulles:nth-child(56) {
  top: 12% !important;
  left: 40% !important;
  -webkit-animation: oil-size-boiltomed 0.96993s linear 3, oil-size-medheat, oil-size-medheat 0.96993s linear 0.96993s infinite;
          animation: oil-size-boiltomed 0.96993s linear 3, oil-size-medheat, oil-size-medheat 0.96993s linear 0.96993s infinite;
}

.side-med .bulles:nth-child(57) {
  top: 91% !important;
  left: 92% !important;
  -webkit-animation: oil-size-boiltomed 1.42196s linear 3, oil-size-medheat, oil-size-medheat 1.42196s linear 1.42196s infinite;
          animation: oil-size-boiltomed 1.42196s linear 3, oil-size-medheat, oil-size-medheat 1.42196s linear 1.42196s infinite;
}

.side-med .bulles:nth-child(58) {
  top: 27% !important;
  left: 83% !important;
  -webkit-animation: oil-size-boiltomed 0.57473s linear 3, oil-size-medheat, oil-size-medheat 0.57473s linear 0.57473s infinite;
          animation: oil-size-boiltomed 0.57473s linear 3, oil-size-medheat, oil-size-medheat 0.57473s linear 0.57473s infinite;
}

.side-med .bulles:nth-child(59) {
  top: 99% !important;
  left: 72% !important;
  -webkit-animation: oil-size-boiltomed 0.68747s linear 3, oil-size-medheat, oil-size-medheat 0.68747s linear 0.68747s infinite;
          animation: oil-size-boiltomed 0.68747s linear 3, oil-size-medheat, oil-size-medheat 0.68747s linear 0.68747s infinite;
}

.side-med .bulles:nth-child(60) {
  top: 25% !important;
  left: 32% !important;
  -webkit-animation: oil-size-boiltomed 1.2241s linear 3, oil-size-medheat, oil-size-medheat 1.2241s linear 1.2241s infinite;
          animation: oil-size-boiltomed 1.2241s linear 3, oil-size-medheat, oil-size-medheat 1.2241s linear 1.2241s infinite;
}

.side-med .bulles:nth-child(61) {
  top: 77% !important;
  left: 3% !important;
  -webkit-animation: oil-size-boiltomed 1.0299s linear 3, oil-size-medheat, oil-size-medheat 1.0299s linear 1.0299s infinite;
          animation: oil-size-boiltomed 1.0299s linear 3, oil-size-medheat, oil-size-medheat 1.0299s linear 1.0299s infinite;
}

.side-med .bulles:nth-child(62) {
  top: 53% !important;
  left: 100% !important;
  -webkit-animation: oil-size-boiltomed 1.00672s linear 3, oil-size-medheat, oil-size-medheat 1.00672s linear 1.00672s infinite;
          animation: oil-size-boiltomed 1.00672s linear 3, oil-size-medheat, oil-size-medheat 1.00672s linear 1.00672s infinite;
}

.side-med .bulles:nth-child(63) {
  top: 32% !important;
  left: 9% !important;
  -webkit-animation: oil-size-boiltomed 0.59879s linear 3, oil-size-medheat, oil-size-medheat 0.59879s linear 0.59879s infinite;
          animation: oil-size-boiltomed 0.59879s linear 3, oil-size-medheat, oil-size-medheat 0.59879s linear 0.59879s infinite;
}

.side-med .bulles:nth-child(64) {
  top: 69% !important;
  left: 86% !important;
  -webkit-animation: oil-size-boiltomed 1.32806s linear 3, oil-size-medheat, oil-size-medheat 1.32806s linear 1.32806s infinite;
          animation: oil-size-boiltomed 1.32806s linear 3, oil-size-medheat, oil-size-medheat 1.32806s linear 1.32806s infinite;
}

.side-med .bulles:nth-child(65) {
  top: 100% !important;
  left: 56% !important;
  -webkit-animation: oil-size-boiltomed 1.15559s linear 3, oil-size-medheat, oil-size-medheat 1.15559s linear 1.15559s infinite;
          animation: oil-size-boiltomed 1.15559s linear 3, oil-size-medheat, oil-size-medheat 1.15559s linear 1.15559s infinite;
}

.side-med .bulles:nth-child(66) {
  top: 40% !important;
  left: 77% !important;
  -webkit-animation: oil-size-boiltomed 0.91248s linear 3, oil-size-medheat, oil-size-medheat 0.91248s linear 0.91248s infinite;
          animation: oil-size-boiltomed 0.91248s linear 3, oil-size-medheat, oil-size-medheat 0.91248s linear 0.91248s infinite;
}

.side-med .bulles:nth-child(67) {
  top: 3% !important;
  left: 35% !important;
  -webkit-animation: oil-size-boiltomed 1.27635s linear 3, oil-size-medheat, oil-size-medheat 1.27635s linear 1.27635s infinite;
          animation: oil-size-boiltomed 1.27635s linear 3, oil-size-medheat, oil-size-medheat 1.27635s linear 1.27635s infinite;
}

.side-med .bulles:nth-child(68) {
  top: 26% !important;
  left: 15% !important;
  -webkit-animation: oil-size-boiltomed 1.39736s linear 3, oil-size-medheat, oil-size-medheat 1.39736s linear 1.39736s infinite;
          animation: oil-size-boiltomed 1.39736s linear 3, oil-size-medheat, oil-size-medheat 1.39736s linear 1.39736s infinite;
}

.side-med .bulles:nth-child(69) {
  top: 32% !important;
  left: 72% !important;
  -webkit-animation: oil-size-boiltomed 0.64153s linear 3, oil-size-medheat, oil-size-medheat 0.64153s linear 0.64153s infinite;
          animation: oil-size-boiltomed 0.64153s linear 3, oil-size-medheat, oil-size-medheat 0.64153s linear 0.64153s infinite;
}

.side-med .bulles:nth-child(70) {
  top: 81% !important;
  left: 78% !important;
  -webkit-animation: oil-size-boiltomed 1.23584s linear 3, oil-size-medheat, oil-size-medheat 1.23584s linear 1.23584s infinite;
          animation: oil-size-boiltomed 1.23584s linear 3, oil-size-medheat, oil-size-medheat 1.23584s linear 1.23584s infinite;
}

.side-med .bulles:nth-child(71) {
  top: 62% !important;
  left: 100% !important;
  -webkit-animation: oil-size-boiltomed 0.82841s linear 3, oil-size-medheat, oil-size-medheat 0.82841s linear 0.82841s infinite;
          animation: oil-size-boiltomed 0.82841s linear 3, oil-size-medheat, oil-size-medheat 0.82841s linear 0.82841s infinite;
}

.side-med .bulles:nth-child(72) {
  top: 22% !important;
  left: 40% !important;
  -webkit-animation: oil-size-boiltomed 1.47228s linear 3, oil-size-medheat, oil-size-medheat 1.47228s linear 1.47228s infinite;
          animation: oil-size-boiltomed 1.47228s linear 3, oil-size-medheat, oil-size-medheat 1.47228s linear 1.47228s infinite;
}

.side-med .bulles:nth-child(73) {
  top: 56% !important;
  left: 84% !important;
  -webkit-animation: oil-size-boiltomed 0.5671s linear 3, oil-size-medheat, oil-size-medheat 0.5671s linear 0.5671s infinite;
          animation: oil-size-boiltomed 0.5671s linear 3, oil-size-medheat, oil-size-medheat 0.5671s linear 0.5671s infinite;
}

.side-med .bulles:nth-child(74) {
  top: 85% !important;
  left: 4% !important;
  -webkit-animation: oil-size-boiltomed 1.11689s linear 3, oil-size-medheat, oil-size-medheat 1.11689s linear 1.11689s infinite;
          animation: oil-size-boiltomed 1.11689s linear 3, oil-size-medheat, oil-size-medheat 1.11689s linear 1.11689s infinite;
}

.side-med .bulles:nth-child(75) {
  top: 21% !important;
  left: 68% !important;
  -webkit-animation: oil-size-boiltomed 1.04408s linear 3, oil-size-medheat, oil-size-medheat 1.04408s linear 1.04408s infinite;
          animation: oil-size-boiltomed 1.04408s linear 3, oil-size-medheat, oil-size-medheat 1.04408s linear 1.04408s infinite;
}

.side-med .bulles:nth-child(76) {
  top: 87% !important;
  left: 6% !important;
  -webkit-animation: oil-size-boiltomed 0.55865s linear 3, oil-size-medheat, oil-size-medheat 0.55865s linear 0.55865s infinite;
          animation: oil-size-boiltomed 0.55865s linear 3, oil-size-medheat, oil-size-medheat 0.55865s linear 0.55865s infinite;
}

.side-med .bulles:nth-child(77) {
  top: 84% !important;
  left: 14% !important;
  -webkit-animation: oil-size-boiltomed 1.23562s linear 3, oil-size-medheat, oil-size-medheat 1.23562s linear 1.23562s infinite;
          animation: oil-size-boiltomed 1.23562s linear 3, oil-size-medheat, oil-size-medheat 1.23562s linear 1.23562s infinite;
}

.side-med .bulles:nth-child(78) {
  top: 53% !important;
  left: 63% !important;
  -webkit-animation: oil-size-boiltomed 1.35369s linear 3, oil-size-medheat, oil-size-medheat 1.35369s linear 1.35369s infinite;
          animation: oil-size-boiltomed 1.35369s linear 3, oil-size-medheat, oil-size-medheat 1.35369s linear 1.35369s infinite;
}

.side-med .bulles:nth-child(79) {
  top: 68% !important;
  left: 9% !important;
  -webkit-animation: oil-size-boiltomed 1.0497s linear 3, oil-size-medheat, oil-size-medheat 1.0497s linear 1.0497s infinite;
          animation: oil-size-boiltomed 1.0497s linear 3, oil-size-medheat, oil-size-medheat 1.0497s linear 1.0497s infinite;
}

.side-med .bulles:nth-child(80) {
  top: 57% !important;
  left: 59% !important;
  -webkit-animation: oil-size-boiltomed 1.24814s linear 3, oil-size-medheat, oil-size-medheat 1.24814s linear 1.24814s infinite;
          animation: oil-size-boiltomed 1.24814s linear 3, oil-size-medheat, oil-size-medheat 1.24814s linear 1.24814s infinite;
}

.side-med .bulles:nth-child(81) {
  top: 11% !important;
  left: 76% !important;
  -webkit-animation: oil-size-boiltomed 1.34483s linear 3, oil-size-medheat, oil-size-medheat 1.34483s linear 1.34483s infinite;
          animation: oil-size-boiltomed 1.34483s linear 3, oil-size-medheat, oil-size-medheat 1.34483s linear 1.34483s infinite;
}

.side-med .bulles:nth-child(82) {
  top: 3% !important;
  left: 70% !important;
  -webkit-animation: oil-size-boiltomed 1.49146s linear 3, oil-size-medheat, oil-size-medheat 1.49146s linear 1.49146s infinite;
          animation: oil-size-boiltomed 1.49146s linear 3, oil-size-medheat, oil-size-medheat 1.49146s linear 1.49146s infinite;
}

.side-med .bulles:nth-child(83) {
  top: 84% !important;
  left: 40% !important;
  -webkit-animation: oil-size-boiltomed 0.55585s linear 3, oil-size-medheat, oil-size-medheat 0.55585s linear 0.55585s infinite;
          animation: oil-size-boiltomed 0.55585s linear 3, oil-size-medheat, oil-size-medheat 0.55585s linear 0.55585s infinite;
}

.side-med .bulles:nth-child(84) {
  top: 1% !important;
  left: 51% !important;
  -webkit-animation: oil-size-boiltomed 0.91118s linear 3, oil-size-medheat, oil-size-medheat 0.91118s linear 0.91118s infinite;
          animation: oil-size-boiltomed 0.91118s linear 3, oil-size-medheat, oil-size-medheat 0.91118s linear 0.91118s infinite;
}

.side-med .bulles:nth-child(85) {
  top: 84% !important;
  left: 6% !important;
  -webkit-animation: oil-size-boiltomed 1.04513s linear 3, oil-size-medheat, oil-size-medheat 1.04513s linear 1.04513s infinite;
          animation: oil-size-boiltomed 1.04513s linear 3, oil-size-medheat, oil-size-medheat 1.04513s linear 1.04513s infinite;
}

.side-med .bulles:nth-child(86) {
  top: 46% !important;
  left: 83% !important;
  -webkit-animation: oil-size-boiltomed 0.62554s linear 3, oil-size-medheat, oil-size-medheat 0.62554s linear 0.62554s infinite;
          animation: oil-size-boiltomed 0.62554s linear 3, oil-size-medheat, oil-size-medheat 0.62554s linear 0.62554s infinite;
}

.side-med .bulles:nth-child(87) {
  top: 2% !important;
  left: 59% !important;
  -webkit-animation: oil-size-boiltomed 1.39218s linear 3, oil-size-medheat, oil-size-medheat 1.39218s linear 1.39218s infinite;
          animation: oil-size-boiltomed 1.39218s linear 3, oil-size-medheat, oil-size-medheat 1.39218s linear 1.39218s infinite;
}

.side-med .bulles:nth-child(88) {
  top: 49% !important;
  left: 99% !important;
  -webkit-animation: oil-size-boiltomed 0.53506s linear 3, oil-size-medheat, oil-size-medheat 0.53506s linear 0.53506s infinite;
          animation: oil-size-boiltomed 0.53506s linear 3, oil-size-medheat, oil-size-medheat 0.53506s linear 0.53506s infinite;
}

.side-med .bulles:nth-child(89) {
  top: 91% !important;
  left: 71% !important;
  -webkit-animation: oil-size-boiltomed 1.47256s linear 3, oil-size-medheat, oil-size-medheat 1.47256s linear 1.47256s infinite;
          animation: oil-size-boiltomed 1.47256s linear 3, oil-size-medheat, oil-size-medheat 1.47256s linear 1.47256s infinite;
}

.side-med .bulles:nth-child(90) {
  top: 56% !important;
  left: 24% !important;
  -webkit-animation: oil-size-boiltomed 0.69213s linear 3, oil-size-medheat, oil-size-medheat 0.69213s linear 0.69213s infinite;
          animation: oil-size-boiltomed 0.69213s linear 3, oil-size-medheat, oil-size-medheat 0.69213s linear 0.69213s infinite;
}

.rec-nine .frites {
  background-color: #ffff00;
  -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
          box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  -webkit-animation: none;
          animation: none;
}

.rec-nine .frites:nth-child(1) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 34% !important;
  left: 21% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(77deg) scale(1) !important;
}

.rec-nine .frites:nth-child(2) {
  -webkit-transition: all 2.59259s ease !important;
  transition: all 2.59259s ease !important;
  top: 51% !important;
  left: 74% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(306deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(306deg) scale(1) !important;
}

.rec-nine .frites:nth-child(3) {
  -webkit-transition: all 2.88889s ease !important;
  transition: all 2.88889s ease !important;
  top: 57% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(86deg) scale(1) !important;
}

.rec-nine .frites:nth-child(4) {
  -webkit-transition: all 3.18519s ease !important;
  transition: all 3.18519s ease !important;
  top: 24% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(337deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(337deg) scale(1) !important;
}

.rec-nine .frites:nth-child(5) {
  -webkit-transition: all 3.48148s ease !important;
  transition: all 3.48148s ease !important;
  top: 54% !important;
  left: 34% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(142deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(142deg) scale(1) !important;
}

.rec-nine .frites:nth-child(6) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 26% !important;
  left: 52% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(80deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(80deg) scale(1) !important;
}

.rec-nine .frites:nth-child(7) {
  -webkit-transition: all 4.07407s ease !important;
  transition: all 4.07407s ease !important;
  top: 80% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(341deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(341deg) scale(1) !important;
}

.rec-nine .frites:nth-child(8) {
  -webkit-transition: all 4.37037s ease !important;
  transition: all 4.37037s ease !important;
  top: 75% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(1) !important;
}

.rec-nine .frites:nth-child(9) {
  -webkit-transition: all 4.66667s ease !important;
  transition: all 4.66667s ease !important;
  top: 31% !important;
  left: 39% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(150deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(150deg) scale(1) !important;
}

.rec-nine .frites:nth-child(10) {
  -webkit-transition: all 4.96296s ease !important;
  transition: all 4.96296s ease !important;
  top: 28% !important;
  left: 54% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(356deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(356deg) scale(1) !important;
}

.rec-nine .frites:nth-child(11) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 69% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(41deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(41deg) scale(1) !important;
}

.rec-nine .frites:nth-child(12) {
  -webkit-transition: all 5.55556s ease !important;
  transition: all 5.55556s ease !important;
  top: 44% !important;
  left: 43% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1) !important;
}

.rec-nine .frites:nth-child(13) {
  -webkit-transition: all 5.85185s ease !important;
  transition: all 5.85185s ease !important;
  top: 52% !important;
  left: 51% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(53deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(53deg) scale(1) !important;
}

.rec-nine .frites:nth-child(14) {
  -webkit-transition: all 6.14815s ease !important;
  transition: all 6.14815s ease !important;
  top: 72% !important;
  left: 26% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(149deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(149deg) scale(1) !important;
}

.rec-nine .frites:nth-child(15) {
  -webkit-transition: all 6.44444s ease !important;
  transition: all 6.44444s ease !important;
  top: 61% !important;
  left: 77% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(229deg) scale(1) !important;
}

.rec-nine .frites:nth-child(16) {
  -webkit-transition: all 6.74074s ease !important;
  transition: all 6.74074s ease !important;
  top: 61% !important;
  left: 77% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(73deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(73deg) scale(1) !important;
}

.rec-nine .frites:nth-child(17) {
  -webkit-transition: all 7.03704s ease !important;
  transition: all 7.03704s ease !important;
  top: 45% !important;
  left: 38% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(21deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(21deg) scale(1) !important;
}

.rec-nine .frites:nth-child(18) {
  -webkit-transition: all 7.33333s ease !important;
  transition: all 7.33333s ease !important;
  top: 26% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(162deg) scale(1) !important;
}

.rec-nine .frites:nth-child(19) {
  -webkit-transition: all 7.62963s ease !important;
  transition: all 7.62963s ease !important;
  top: 63% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(210deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(210deg) scale(1) !important;
}

.rec-nine .frites:nth-child(20) {
  -webkit-transition: all 7.92593s ease !important;
  transition: all 7.92593s ease !important;
  top: 52% !important;
  left: 66% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(48deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(48deg) scale(1) !important;
}

.rec-nine .frites:nth-child(21) {
  -webkit-transition: all 8.22222s ease !important;
  transition: all 8.22222s ease !important;
  top: 73% !important;
  left: 53% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(19deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(19deg) scale(1) !important;
}

.rec-nine .frites:nth-child(22) {
  -webkit-transition: all 8.51852s ease !important;
  transition: all 8.51852s ease !important;
  top: 36% !important;
  left: 48% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(330deg) scale(1) !important;
}

.rec-nine .frites:nth-child(23) {
  -webkit-transition: all 8.81481s ease !important;
  transition: all 8.81481s ease !important;
  top: 28% !important;
  left: 42% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(83deg) scale(1) !important;
}

.rec-nine .frites:nth-child(24) {
  -webkit-transition: all 9.11111s ease !important;
  transition: all 9.11111s ease !important;
  top: 59% !important;
  left: 69% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(349deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(349deg) scale(1) !important;
}

.rec-nine .frites:nth-child(25) {
  -webkit-transition: all 9.40741s ease !important;
  transition: all 9.40741s ease !important;
  top: 27% !important;
  left: 28% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(167deg) scale(1) !important;
}

.rec-nine .frites:nth-child(26) {
  -webkit-transition: all 9.7037s ease !important;
  transition: all 9.7037s ease !important;
  top: 61% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(277deg) scale(1) !important;
}

.rec-nine .frites:nth-child(27) {
  -webkit-transition: all 10s ease !important;
  transition: all 10s ease !important;
  top: 29% !important;
  left: 38% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1) !important;
          transform: translate3d(-50%, -50%, 0) rotate(90deg) scale(1) !important;
}

.rec-ten .frites {
  background-color: #ffff00;
  -webkit-box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
          box-shadow: inset 0 50px 15px -20px rgba(255, 145, 0, 0.562);
  -webkit-animation: none;
          animation: none;
}

.rec-ten .frites:nth-child(1) {
  -webkit-transition: all 2.2963s ease !important;
  transition: all 2.2963s ease !important;
  top: 51% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(47deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(47deg) scale(3) !important;
}

.rec-ten .frites:nth-child(2) {
  -webkit-transition: all 2.59259s ease !important;
  transition: all 2.59259s ease !important;
  top: 55% !important;
  left: 63% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(129deg) scale(3) !important;
}

.rec-ten .frites:nth-child(3) {
  -webkit-transition: all 2.88889s ease !important;
  transition: all 2.88889s ease !important;
  top: 55% !important;
  left: 75% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(97deg) scale(3) !important;
}

.rec-ten .frites:nth-child(4) {
  -webkit-transition: all 3.18519s ease !important;
  transition: all 3.18519s ease !important;
  top: 56% !important;
  left: 78% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(341deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(341deg) scale(3) !important;
}

.rec-ten .frites:nth-child(5) {
  -webkit-transition: all 3.48148s ease !important;
  transition: all 3.48148s ease !important;
  top: 43% !important;
  left: 73% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(352deg) scale(3) !important;
}

.rec-ten .frites:nth-child(6) {
  -webkit-transition: all 3.77778s ease !important;
  transition: all 3.77778s ease !important;
  top: 54% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(88deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(88deg) scale(3) !important;
}

.rec-ten .frites:nth-child(7) {
  -webkit-transition: all 4.07407s ease !important;
  transition: all 4.07407s ease !important;
  top: 44% !important;
  left: 51% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(296deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(296deg) scale(3) !important;
}

.rec-ten .frites:nth-child(8) {
  -webkit-transition: all 4.37037s ease !important;
  transition: all 4.37037s ease !important;
  top: 44% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(197deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(197deg) scale(3) !important;
}

.rec-ten .frites:nth-child(9) {
  -webkit-transition: all 4.66667s ease !important;
  transition: all 4.66667s ease !important;
  top: 58% !important;
  left: 27% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(326deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(326deg) scale(3) !important;
}

.rec-ten .frites:nth-child(10) {
  -webkit-transition: all 4.96296s ease !important;
  transition: all 4.96296s ease !important;
  top: 42% !important;
  left: 65% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(284deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(284deg) scale(3) !important;
}

.rec-ten .frites:nth-child(11) {
  -webkit-transition: all 5.25926s ease !important;
  transition: all 5.25926s ease !important;
  top: 44% !important;
  left: 61% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(144deg) scale(3) !important;
}

.rec-ten .frites:nth-child(12) {
  -webkit-transition: all 5.55556s ease !important;
  transition: all 5.55556s ease !important;
  top: 40% !important;
  left: 36% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(207deg) scale(3) !important;
}

.rec-ten .frites:nth-child(13) {
  -webkit-transition: all 5.85185s ease !important;
  transition: all 5.85185s ease !important;
  top: 57% !important;
  left: 50% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(128deg) scale(3) !important;
}

.rec-ten .frites:nth-child(14) {
  -webkit-transition: all 6.14815s ease !important;
  transition: all 6.14815s ease !important;
  top: 51% !important;
  left: 46% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(150deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(150deg) scale(3) !important;
}

.rec-ten .frites:nth-child(15) {
  -webkit-transition: all 6.44444s ease !important;
  transition: all 6.44444s ease !important;
  top: 49% !important;
  left: 24% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(74deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(74deg) scale(3) !important;
}

.rec-ten .frites:nth-child(16) {
  -webkit-transition: all 6.74074s ease !important;
  transition: all 6.74074s ease !important;
  top: 40% !important;
  left: 57% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(157deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(157deg) scale(3) !important;
}

.rec-ten .frites:nth-child(17) {
  -webkit-transition: all 7.03704s ease !important;
  transition: all 7.03704s ease !important;
  top: 43% !important;
  left: 57% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(38deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(38deg) scale(3) !important;
}

.rec-ten .frites:nth-child(18) {
  -webkit-transition: all 7.33333s ease !important;
  transition: all 7.33333s ease !important;
  top: 45% !important;
  left: 22% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(340deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(340deg) scale(3) !important;
}

.rec-ten .frites:nth-child(19) {
  -webkit-transition: all 7.62963s ease !important;
  transition: all 7.62963s ease !important;
  top: 53% !important;
  left: 66% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(233deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(233deg) scale(3) !important;
}

.rec-ten .frites:nth-child(20) {
  -webkit-transition: all 7.92593s ease !important;
  transition: all 7.92593s ease !important;
  top: 41% !important;
  left: 64% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(6deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(6deg) scale(3) !important;
}

.rec-ten .frites:nth-child(21) {
  -webkit-transition: all 8.22222s ease !important;
  transition: all 8.22222s ease !important;
  top: 52% !important;
  left: 41% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(123deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(123deg) scale(3) !important;
}

.rec-ten .frites:nth-child(22) {
  -webkit-transition: all 8.51852s ease !important;
  transition: all 8.51852s ease !important;
  top: 60% !important;
  left: 33% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(38deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(38deg) scale(3) !important;
}

.rec-ten .frites:nth-child(23) {
  -webkit-transition: all 8.81481s ease !important;
  transition: all 8.81481s ease !important;
  top: 43% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(177deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(177deg) scale(3) !important;
}

.rec-ten .frites:nth-child(24) {
  -webkit-transition: all 9.11111s ease !important;
  transition: all 9.11111s ease !important;
  top: 42% !important;
  left: 35% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(137deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(137deg) scale(3) !important;
}

.rec-ten .frites:nth-child(25) {
  -webkit-transition: all 9.40741s ease !important;
  transition: all 9.40741s ease !important;
  top: 59% !important;
  left: 68% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(241deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(241deg) scale(3) !important;
}

.rec-ten .frites:nth-child(26) {
  -webkit-transition: all 9.7037s ease !important;
  transition: all 9.7037s ease !important;
  top: 58% !important;
  left: 45% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(35deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(35deg) scale(3) !important;
}

.rec-ten .frites:nth-child(27) {
  -webkit-transition: all 10s ease !important;
  transition: all 10s ease !important;
  top: 50% !important;
  left: 72% !important;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(3) !important;
          transform: translate3d(-50%, -50%, 0) rotate(4deg) scale(3) !important;
}

.sel {
  display: none;
  z-index: 99999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: fixed;
  width: 100%;
  height: 100vh;
}

@-webkit-keyframes neige {
  from {
    -webkit-transform: scale(5);
            transform: scale(5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes neige {
  from {
    -webkit-transform: scale(5);
            transform: scale(5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.grains {
  -webkit-animation: neige 1s ease-out 1;
          animation: neige 1s ease-out 1;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 100%;
  background-color: white;
}

.grains:nth-child(1) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(2) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(3) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(4) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(5) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(6) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(7) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(8) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(9) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(10) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(11) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(12) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(13) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(14) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(15) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(16) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(17) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(18) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(19) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(20) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(21) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(22) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(23) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(24) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(25) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(26) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(27) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(28) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(29) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(30) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(31) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(32) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(33) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(34) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(35) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(36) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(37) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(38) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(39) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(40) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(41) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(42) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(43) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(44) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(45) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(46) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(47) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(48) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(49) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(50) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(51) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(52) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(53) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(54) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(55) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(56) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(57) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(58) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(59) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(60) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(61) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(62) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(63) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(64) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(65) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(66) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(67) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(68) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(69) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(70) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(71) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(72) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(73) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(74) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(75) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(76) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(77) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(78) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(79) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(80) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(81) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(82) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(83) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(84) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(85) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(86) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(87) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(88) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(89) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(90) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(91) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(92) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(93) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(94) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(95) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(96) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(97) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(98) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(99) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(100) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(101) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(102) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(103) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(104) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(105) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(106) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(107) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(108) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(109) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(110) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(111) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(112) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(113) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(114) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(115) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(116) {
  height: 14px !important;
  width: 14px !important;
}

.grains:nth-child(117) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(118) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(119) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(120) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(121) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(122) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(123) {
  height: 15px !important;
  width: 15px !important;
}

.grains:nth-child(124) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(125) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(126) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(127) {
  height: 8px !important;
  width: 8px !important;
}

.grains:nth-child(128) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(129) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(130) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(131) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(132) {
  height: 7px !important;
  width: 7px !important;
}

.grains:nth-child(133) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(134) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(135) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(136) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(137) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(138) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(139) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(140) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(141) {
  height: 5px !important;
  width: 5px !important;
}

.grains:nth-child(142) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(143) {
  height: 10px !important;
  width: 10px !important;
}

.grains:nth-child(144) {
  height: 6px !important;
  width: 6px !important;
}

.grains:nth-child(145) {
  height: 12px !important;
  width: 12px !important;
}

.grains:nth-child(146) {
  height: 11px !important;
  width: 11px !important;
}

.grains:nth-child(147) {
  height: 13px !important;
  width: 13px !important;
}

.grains:nth-child(148) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(149) {
  height: 9px !important;
  width: 9px !important;
}

.grains:nth-child(150) {
  height: 8px !important;
  width: 8px !important;
}

.switch-1 #f1 {
  -webkit-transform: rotate(75deg);
          transform: rotate(75deg);
  top: calc((calc(430 / 977) * 100%));
  left: calc((calc(350 / 1920) * 100%));
  width: 300px;
}

.switch-1 #f2 {
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(425 / 1920) * 100%));
  width: 200px;
}

.switch-1 #f3 {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(450 / 1920) * 100%));
  width: 200px;
}

.switch-1 #f4 {
  -webkit-transform: rotate(92deg);
          transform: rotate(92deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(600 / 1920) * 100%));
  width: 250px;
}

.switch-1 #f5 {
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(680 / 1920) * 100%));
  width: 200px;
}

.switch-1 #f6 {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  top: calc((calc(380 / 977) * 100%));
  left: calc((calc(680 / 1920) * 100%));
  width: 200px;
}

.switch-1 #f7 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: calc((calc(500 / 977) * 100%));
  left: calc((calc(700 / 1920) * 100%));
  width: 250px;
}

.switch-1 #f8 {
  -webkit-transform: rotate(88deg);
          transform: rotate(88deg);
  top: calc((calc(460 / 977) * 100%));
  left: calc((calc(850 / 1920) * 100%));
  width: 200px;
}

.switch-1 #f9 {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(920 / 1920) * 100%));
  width: 280px;
}

.switch-1 #f10 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  top: calc((calc(250 / 977) * 100%));
  left: calc((calc(950 / 1920) * 100%));
  width: 190px;
}

.switch-1 #f11 {
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(1050 / 1920) * 100%));
  width: 240px;
}

.switch-1 #f12 {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  top: calc((calc(530 / 977) * 100%));
  left: calc((calc(1120 / 1920) * 100%));
  width: 190px;
}

.switch-1 #f13 {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(1150 / 1920) * 100%));
  width: 120px;
}

.switch-1 #f14 {
  -webkit-transform: rotate(-2deg);
          transform: rotate(-2deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(1120 / 1920) * 100%));
  width: 190px;
}

.switch-1 #f15 {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(1400 / 1920) * 100%));
  width: 170px;
}

.switch-1 #f16 {
  -webkit-transform: rotate(-65deg);
          transform: rotate(-65deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(1330 / 1920) * 100%));
  width: 110px;
}

.switch-1 #f17 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(1340 / 1920) * 100%));
  width: 210px;
}

.switch-1 #f18 {
  -webkit-transform: rotate(-65deg);
          transform: rotate(-65deg);
  top: calc((calc(500 / 977) * 100%));
  left: calc((calc(1390 / 1920) * 100%));
  width: 180px;
}

.switch-1 #f19 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: calc((calc(530 / 977) * 100%));
  left: calc((calc(1340 / 1920) * 100%));
  width: 130px;
}

.switch-1 #f20 {
  -webkit-transform: rotate(42deg);
          transform: rotate(42deg);
  top: calc((calc(320 / 977) * 100%));
  left: calc((calc(930 / 1920) * 100%));
  width: 30px;
}

.switch-1 #f21, #f22, #f23, #f24, #f25, #f26, #f27 {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  top: 50%;
  left: 120%;
  width: 20px;
}

.switch-2 #f1 {
  -webkit-transform: rotate(-55deg);
          transform: rotate(-55deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(900 / 1920) * 100%));
  width: 200px;
}

.switch-2 #f14 {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(290 / 1920) * 100%));
  width: 175px;
}

.switch-2 #f2 {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(180 / 1920) * 100%));
  width: 250px;
}

.switch-2 #f3 {
  -webkit-transform: rotate(95deg);
          transform: rotate(95deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(600 / 1920) * 100%));
  width: 300px;
}

.switch-2 #f4 {
  -webkit-transform: rotate(-38deg);
          transform: rotate(-38deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(520 / 1920) * 100%));
  width: 200px;
}

.switch-2 #f5 {
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(440 / 1920) * 100%));
  width: 180px;
}

.switch-2 #f6 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: calc((calc(220 / 977) * 100%));
  left: calc((calc(440 / 1920) * 100%));
  width: 220px;
}

.switch-2 #f7 {
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
  top: calc((calc(250 / 977) * 100%));
  left: calc((calc(500 / 1920) * 100%));
  width: 250px;
}

.switch-2 #f8 {
  -webkit-transform: rotate(-85deg);
          transform: rotate(-85deg);
  top: calc((calc(250 / 977) * 100%));
  left: calc((calc(300 / 1920) * 100%));
  width: 80px;
}

.switch-2 #f9 {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  top: calc((calc(200 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 180px;
}

.switch-2 #f10 {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  top: calc((calc(260 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 190px;
}

.switch-2 #f11 {
  -webkit-transform: rotate(49deg);
          transform: rotate(49deg);
  top: calc((calc(200 / 977) * 100%));
  left: calc((calc(920 / 1920) * 100%));
  width: 25px;
}

.switch-2 #f12 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: calc((calc(390 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 250px;
}

.switch-2 #f13 {
  -webkit-transform: rotate(-80deg);
          transform: rotate(-80deg);
  top: calc((calc(310 / 977) * 100%));
  left: calc((calc(830 / 1920) * 100%));
  width: 160px;
}

.switch-2 #f15 {
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(900 / 1920) * 100%));
  width: 175px;
}

.switch-2 #f16 {
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(980 / 1920) * 100%));
  width: 170px;
}

.switch-2 #f17 {
  -webkit-transform: rotate(3deg);
          transform: rotate(3deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(1020 / 1920) * 100%));
  width: 120px;
}

.switch-2 #f18 {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(999 / 1920) * 100%));
  width: 100px;
}

.switch-2 #f19 {
  -webkit-transform: rotate(85deg);
          transform: rotate(85deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(1070 / 1920) * 100%));
  width: 200px;
}

.switch-2 #f20 {
  -webkit-transform: rotate(-42deg);
          transform: rotate(-42deg);
  top: calc((calc(260 / 977) * 100%));
  left: calc((calc(1150 / 1920) * 100%));
  width: 20px;
}

.switch-2 #f21 {
  -webkit-transform: rotate(-70deg);
          transform: rotate(-70deg);
  top: calc((calc(500 / 977) * 100%));
  left: calc((calc(1100 / 1920) * 100%));
  width: 250px;
}

.switch-2 #f22 {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  top: calc((calc(500 / 977) * 100%));
  left: calc((calc(1200 / 1920) * 100%));
  width: 200px;
}

.switch-2 #f23 {
  -webkit-transform: rotate(95deg);
          transform: rotate(95deg);
  top: calc((calc(500 / 977) * 100%));
  left: calc((calc(1200 / 1920) * 100%));
  width: 300px;
}

.switch-2 #f24 {
  -webkit-transform: rotate(86deg);
          transform: rotate(86deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(1280 / 1920) * 100%));
  width: 270px;
}

.switch-2 #f25 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  top: calc((calc(550 / 977) * 100%));
  left: calc((calc(1380 / 1920) * 100%));
  width: 270px;
}

.switch-2 #f26 {
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  top: calc((calc(450 / 977) * 100%));
  left: calc((calc(1380 / 1920) * 100%));
  width: 200px;
}

.switch-2 #f27 {
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: calc((calc(300 / 977) * 100%));
  left: calc((calc(1380 / 1920) * 100%));
  width: 270px;
}

.switch-3 #f1 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  top: calc((calc(620 / 977) * 100%));
  left: calc((calc(1550 / 1920) * 100%));
  width: 200px;
}

.switch-3 #f14 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  top: calc((calc(520 / 977) * 100%));
  left: calc((calc(1560 / 1920) * 100%));
  width: 120px;
}

.switch-3 #f2 {
  -webkit-transform: rotate(-12deg);
          transform: rotate(-12deg);
  top: calc((calc(440 / 977) * 100%));
  left: calc((calc(1500 / 1920) * 100%));
  width: 200px;
}

.switch-3 #f4 {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
  top: calc((calc(520 / 977) * 100%));
  left: calc((calc(1440 / 1920) * 100%));
  width: 250px;
}

.switch-3 #f5 {
  -webkit-transform: rotate(93deg);
          transform: rotate(93deg);
  top: calc((calc(390 / 977) * 100%));
  left: calc((calc(1270 / 1920) * 100%));
  width: 420px;
}

.switch-3 #f6 {
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
  top: calc((calc(320 / 977) * 100%));
  left: calc((calc(1180 / 1920) * 100%));
  width: 420px;
}

.switch-3 #f3 {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  top: calc((calc(290 / 977) * 100%));
  left: calc((calc(1300 / 1920) * 100%));
  width: 300px;
}

.switch-3 #f7 {
  -webkit-transform: rotate(18deg);
          transform: rotate(18deg);
  top: calc((calc(440 / 977) * 100%));
  left: calc((calc(1170 / 1920) * 100%));
  width: 160px;
}

.switch-3 #f8 {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  top: calc((calc(310 / 977) * 100%));
  left: calc((calc(1190 / 1920) * 100%));
  width: 140px;
}

.switch-3 #f9 {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  top: calc((calc(180 / 977) * 100%));
  left: calc((calc(1190 / 1920) * 100%));
  width: 140px;
}

.switch-3 #f10 {
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
  top: calc((calc(290 / 977) * 100%));
  left: calc((calc(1050 / 1920) * 100%));
  width: 320px;
}

.switch-3 #f11 {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  top: calc((calc(310 / 977) * 100%));
  left: calc((calc(1020 / 1920) * 100%));
  width: 140px;
}

.switch-3 #f12 {
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  top: calc((calc(460 / 977) * 100%));
  left: calc((calc(1030 / 1920) * 100%));
  width: 160px;
}

.switch-3 #f13 {
  -webkit-transform: rotate(92deg);
          transform: rotate(92deg);
  top: calc((calc(380 / 977) * 100%));
  left: calc((calc(1010 / 1920) * 100%));
  width: 120px;
}

.switch-3 #f15 {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  top: calc((calc(380 / 977) * 100%));
  left: calc((calc(910 / 1920) * 100%));
  width: 110px;
}

.switch-3 #f16 {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  top: calc((calc(480 / 977) * 100%));
  left: calc((calc(910 / 1920) * 100%));
  width: 160px;
}

.switch-3 #f17 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  top: calc((calc(280 / 977) * 100%));
  left: calc((calc(900 / 1920) * 100%));
  width: 150px;
}

.switch-3 #f18 {
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
  top: calc((calc(380 / 977) * 100%));
  left: calc((calc(790 / 1920) * 100%));
  width: 290px;
}

.switch-3 #f19 {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  top: calc((calc(480 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 190px;
}

.switch-3 #f20 {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 210px;
}

.switch-3 #f21 {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: calc((calc(250 / 977) * 100%));
  left: calc((calc(720 / 1920) * 100%));
  width: 180px;
}

.switch-3 #f22 {
  -webkit-transform: rotate(95deg);
          transform: rotate(95deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(550 / 1920) * 100%));
  width: 420px;
}

.switch-3 #f23 {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  top: calc((calc(400 / 977) * 100%));
  left: calc((calc(400 / 1920) * 100%));
  width: 220px;
}

.switch-3 #f24 {
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(400 / 1920) * 100%));
  width: 320px;
}

.switch-3 #f25 {
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  top: calc((calc(350 / 977) * 100%));
  left: calc((calc(355 / 1920) * 100%));
  width: 220px;
}

.switch-3 #f26 {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  top: calc((calc(575 / 977) * 100%));
  left: calc((calc(300 / 1920) * 100%));
  width: 200px;
}

.switch-3 #f27 {
  -webkit-transform: rotate(76deg);
          transform: rotate(76deg);
  top: calc((calc(475 / 977) * 100%));
  left: calc((calc(150 / 1920) * 100%));
  width: 350px;
}

#f {
  -webkit-transition: 2s ease;
  transition: 2s ease;
}

@media only screen and (max-width: 568px) {
  .title {
    top: 10vw;
  }
  .title h2 {
    width: 80%;
    font-size: 3em;
    margin: 0 10vw;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.15);
  }
  .switch-2 .title h2 {
    -webkit-transform: translate(-100vw);
            transform: translate(-100vw);
  }
  .switch-3 .title h2 {
    -webkit-transform: translate(-200vw);
            transform: translate(-200vw);
  }
  .playground {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-70%, -50%);
            transform: translate(-70%, -50%);
  }
  .switch-2 .playground {
    -webkit-transform: translate(-70%, -40%);
            transform: translate(-70%, -40%);
  }
  .switch-3 .playground {
    -webkit-transform: translate(-72%, -45%);
            transform: translate(-72%, -45%);
  }
  .nav {
    font-size: 3em;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.15);
  }
  h3 {
    font-size: 6em;
    text-shadow: 5px 5px rgba(0, 0, 0, 0.15);
    margin-left: 10%;
    margin-right: 10%;
  }
  .p-body {
    font-size: 2em;
    margin-left: 15%;
    margin-right: 15%;
  }
  .p-body:nth-child(2n+1) {
    margin-left: 15%;
    margin-right: 15%;
  }
  .quote {
    margin-left: 15%;
    margin-right: 15%;
    font-size: 2em;
    -webkit-box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
            box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
  }
  .recette h4 {
    font-size: 3em;
    padding: 2%;
    -webkit-box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
            box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
  }
  .p-recette {
    text-align: center;
    font-size: 2.5em;
    text-shadow: 3px 3px rgba(0, 0, 0, 0.15);
  }
  .playground.rec-one, .playground.rec-two, .playground.rec-three, .playground.rec-four, .playground.rec-five, .playground.rec-six, .playground.rec-seven, .playground.rec-eight, .playground.rec-nine, .playground.rec-ten {
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .txt-p {
    -webkit-box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
            box-shadow: 7px 7px rgba(0, 0, 0, 0.15);
  }
  .papier.visible {
    -webkit-transform: translate(-60%, -50%) rotate(20deg) scale(0.7);
            transform: translate(-60%, -50%) rotate(20deg) scale(0.7);
  }
  .recette .txt-titre {
    margin: 10%;
  }
  .switch-1 #f1 {
    -webkit-transform: rotate(75deg);
            transform: rotate(75deg);
    top: calc((calc(330 / 977) * 100%));
    left: calc((calc(200 / 1920) * 100%));
    width: 300px;
  }
  .switch-1 #f2 {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    top: calc((calc(200 / 977) * 100%));
    left: calc((calc(425 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f3 {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    top: calc((calc(350 / 977) * 100%));
    left: calc((calc(450 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f4 {
    -webkit-transform: rotate(92deg);
            transform: rotate(92deg);
    top: calc((calc(300 / 977) * 100%));
    left: calc((calc(1000 / 1920) * 100%));
    width: 250px;
  }
  .switch-1 #f5 {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    top: calc((calc(200 / 977) * 100%));
    left: calc((calc(1380 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f6 {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    top: calc((calc(280 / 977) * 100%));
    left: calc((calc(1380 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f7 {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: calc((calc(400 / 977) * 100%));
    left: calc((calc(1270 / 1920) * 100%));
    width: 250px;
  }
  .switch-1 #f8 {
    -webkit-transform: rotate(70deg);
            transform: rotate(70deg);
    top: calc((calc(560 / 977) * 100%));
    left: calc((calc(450 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f9 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    top: calc((calc(550 / 977) * 100%));
    left: calc((calc(920 / 1920) * 100%));
    width: 280px;
  }
  .switch-1 #f10 {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    top: calc((calc(500 / 977) * 100%));
    left: calc((calc(1100 / 1920) * 100%));
    width: 190px;
  }
  .switch-1 #f11 {
    -webkit-transform: rotate(100deg);
            transform: rotate(100deg);
    top: calc((calc(800 / 977) * 100%));
    left: calc((calc(400 / 1920) * 100%));
    width: 200px;
  }
  .switch-1 #f12 {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    top: calc((calc(730 / 977) * 100%));
    left: calc((calc(600 / 1920) * 100%));
    width: 190px;
  }
  .switch-1 #f13 {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    top: calc((calc(800 / 977) * 100%));
    left: calc((calc(800 / 1920) * 100%));
    width: 90px;
  }
  .switch-1 #f14 {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
    top: calc((calc(870 / 977) * 100%));
    left: calc((calc(600 / 1920) * 100%));
    width: 150px;
  }
  .switch-1 #f15 {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    top: calc((calc(650 / 977) * 100%));
    left: calc((calc(1400 / 1920) * 100%));
    width: 170px;
  }
  .switch-1 #f16 {
    -webkit-transform: rotate(-65deg);
            transform: rotate(-65deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(1330 / 1920) * 100%));
    width: 110px;
  }
  .switch-1 #f17 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    top: calc((calc(780 / 977) * 100%));
    left: calc((calc(1340 / 1920) * 100%));
    width: 210px;
  }
  .switch-1 #f18 {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
    top: calc((calc(850 / 977) * 100%));
    left: calc((calc(1390 / 1920) * 100%));
    width: 180px;
  }
  .switch-1 #f19 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    top: calc((calc(880 / 977) * 100%));
    left: calc((calc(1340 / 1920) * 100%));
    width: 100px;
  }
  .switch-1 #f20 {
    -webkit-transform: rotate(42deg);
            transform: rotate(42deg);
    top: calc((calc(420 / 977) * 100%));
    left: calc((calc(630 / 1920) * 100%));
    width: 30px;
  }
  .switch-1 #f21, #f22, #f23, #f24, #f25, #f26, #f27 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
  .switch-2 #f14 {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
    top: calc((calc(150 / 977) * 100%));
    left: calc((calc(490 / 1920) * 100%));
    width: 175px;
  }
  .switch-2 #f2 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    top: calc((calc(90 / 977) * 100%));
    left: calc((calc(100 / 1920) * 100%));
    width: 250px;
  }
  .switch-2 #f8 {
    -webkit-transform: rotate(-85deg);
            transform: rotate(-85deg);
    top: calc((calc(-20 / 977) * 100%));
    left: calc((calc(700 / 1920) * 100%));
    width: 50px;
  }
  .switch-2 #f4 {
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
    top: calc((calc(120 / 977) * 100%));
    left: calc((calc(1500 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f5 {
    -webkit-transform: rotate(48deg);
            transform: rotate(48deg);
    top: calc((calc(100 / 977) * 100%));
    left: calc((calc(1300 / 1920) * 100%));
    width: 180px;
  }
  .switch-2 #f6 {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    top: calc((calc(-20 / 977) * 100%));
    left: calc((calc(1200 / 1920) * 100%));
    width: 220px;
  }
  .switch-2 #f7 {
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg);
    top: calc((calc(-20 / 977) * 100%));
    left: calc((calc(1500 / 1920) * 100%));
    width: 250px;
  }
  .switch-2 #f3 {
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    top: calc((calc(400 / 977) * 100%));
    left: calc((calc(200 / 1920) * 100%));
    width: 220px;
  }
  .switch-2 #f9 {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    top: calc((calc(350 / 977) * 100%));
    left: calc((calc(520 / 1920) * 100%));
    width: 180px;
  }
  .switch-2 #f10 {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    top: calc((calc(400 / 977) * 100%));
    left: calc((calc(520 / 1920) * 100%));
    width: 190px;
  }
  .switch-2 #f12 {
    -webkit-transform: rotate(60deg);
            transform: rotate(60deg);
    top: calc((calc(490 / 977) * 100%));
    left: calc((calc(320 / 1920) * 100%));
    width: 250px;
  }
  .switch-2 #f13 {
    -webkit-transform: rotate(-80deg);
            transform: rotate(-80deg);
    top: calc((calc(380 / 977) * 100%));
    left: calc((calc(890 / 1920) * 100%));
    width: 160px;
  }
  .switch-2 #f11 {
    -webkit-transform: rotate(49deg);
            transform: rotate(49deg);
    top: calc((calc(230 / 977) * 100%));
    left: calc((calc(1220 / 1920) * 100%));
    width: 25px;
  }
  .switch-2 #f15 {
    -webkit-transform: rotate(55deg);
            transform: rotate(55deg);
    top: calc((calc(430 / 977) * 100%));
    left: calc((calc(1100 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f16 {
    -webkit-transform: rotate(-35deg);
            transform: rotate(-35deg);
    top: calc((calc(450 / 977) * 100%));
    left: calc((calc(1580 / 1920) * 100%));
    width: 170px;
  }
  .switch-2 #f17 {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    top: calc((calc(400 / 977) * 100%));
    left: calc((calc(1620 / 1920) * 100%));
    width: 120px;
  }
  .switch-2 #f1 {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
    top: calc((calc(300 / 977) * 100%));
    left: calc((calc(1200 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f18 {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    top: calc((calc(300 / 977) * 100%));
    left: calc((calc(1690 / 1920) * 100%));
    width: 100px;
  }
  .switch-2 #f19 {
    -webkit-transform: rotate(85deg);
            transform: rotate(85deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(200 / 1920) * 100%));
    width: 180px;
  }
  .switch-2 #f20 {
    -webkit-transform: rotate(-42deg);
            transform: rotate(-42deg);
    top: calc((calc(560 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 30px;
  }
  .switch-2 #f21 {
    -webkit-transform: rotate(88deg);
            transform: rotate(88deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(400 / 1920) * 100%));
    width: 250px;
  }
  .switch-2 #f22 {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(650 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f23 {
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    top: calc((calc(650 / 977) * 100%));
    left: calc((calc(900 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f24 {
    -webkit-transform: rotate(86deg);
            transform: rotate(86deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(1000 / 1920) * 100%));
    width: 270px;
  }
  .switch-2 #f25 {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    top: calc((calc(770 / 977) * 100%));
    left: calc((calc(1380 / 1920) * 100%));
    width: 270px;
  }
  .switch-2 #f26 {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
    top: calc((calc(670 / 977) * 100%));
    left: calc((calc(1380 / 1920) * 100%));
    width: 200px;
  }
  .switch-2 #f27 {
    -webkit-transform: rotate(-25deg);
            transform: rotate(-25deg);
    top: calc((calc(550 / 977) * 100%));
    left: calc((calc(1380 / 1920) * 100%));
    width: 200px;
  }
  .switch-3 #f1 {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    top: calc((calc(850 / 977) * 100%));
    left: calc((calc(1450 / 1920) * 100%));
    width: 260px;
  }
  .switch-3 #f14 {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    top: calc((calc(750 / 977) * 100%));
    left: calc((calc(1560 / 1920) * 100%));
    width: 120px;
  }
  .switch-3 #f2 {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg);
    top: calc((calc(650 / 977) * 100%));
    left: calc((calc(1300 / 1920) * 100%));
    width: 200px;
  }
  .switch-3 #f4 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    top: calc((calc(750 / 977) * 100%));
    left: calc((calc(990 / 1920) * 100%));
    width: 250px;
  }
  .switch-3 #f5 {
    -webkit-transform: rotate(93deg);
            transform: rotate(93deg);
    top: calc((calc(750 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 250px;
  }
  .switch-3 #f6 {
    -webkit-transform: rotate(100deg);
            transform: rotate(100deg);
    top: calc((calc(750 / 977) * 100%));
    left: calc((calc(100 / 1920) * 100%));
    width: 300px;
  }
  .switch-3 #f3 {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
    top: calc((calc(700 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 195px;
  }
  .switch-3 #f7 {
    -webkit-transform: rotate(3deg);
            transform: rotate(3deg);
    top: calc((calc(550 / 977) * 100%));
    left: calc((calc(1170 / 1920) * 100%));
    width: 260px;
  }
  .switch-3 #f8 {
    -webkit-transform: rotate(-3deg);
            transform: rotate(-3deg);
    top: calc((calc(460 / 977) * 100%));
    left: calc((calc(1190 / 1920) * 100%));
    width: 200px;
  }
  .switch-3 #f9 {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
    top: calc((calc(360 / 977) * 100%));
    left: calc((calc(1390 / 1920) * 100%));
    width: 250px;
  }
  .switch-3 #f10 {
    -webkit-transform: rotate(100deg);
            transform: rotate(100deg);
    top: calc((calc(450 / 977) * 100%));
    left: calc((calc(1000 / 1920) * 100%));
    width: 200px;
  }
  .switch-3 #f11 {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    top: calc((calc(350 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 140px;
  }
  .switch-3 #f12 {
    -webkit-transform: rotate(25deg);
            transform: rotate(25deg);
    top: calc((calc(550 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 160px;
  }
  .switch-3 #f13 {
    -webkit-transform: rotate(92deg);
            transform: rotate(92deg);
    top: calc((calc(450 / 977) * 100%));
    left: calc((calc(350 / 1920) * 100%));
    width: 160px;
  }
  .switch-3 #f15 {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
    top: calc((calc(250 / 977) * 100%));
    left: calc((calc(1500 / 1920) * 100%));
    width: 180px;
  }
  .switch-3 #f16 {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    top: calc((calc(150 / 977) * 100%));
    left: calc((calc(1350 / 1920) * 100%));
    width: 160px;
  }
  .switch-3 #f17 {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
    top: calc((calc(20 / 977) * 100%));
    left: calc((calc(1250 / 1920) * 100%));
    width: 200px;
  }
  .switch-3 #f18 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
    top: calc((calc(150 / 977) * 100%));
    left: calc((calc(950 / 1920) * 100%));
    width: 290px;
  }
  .switch-3 #f19 {
    -webkit-transform: rotate(40deg);
            transform: rotate(40deg);
    top: calc((calc(180 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 190px;
  }
  .switch-3 #f20 {
    -webkit-transform: rotate(-40deg);
            transform: rotate(-40deg);
    top: calc((calc(100 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 210px;
  }
  .switch-3 #f21 {
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    top: calc((calc(20 / 977) * 100%));
    left: calc((calc(500 / 1920) * 100%));
    width: 180px;
  }
  .switch-3 #f22 {
    -webkit-transform: rotate(95deg);
            transform: rotate(95deg);
    top: calc((calc(100 / 977) * 100%));
    left: calc((calc(150 / 1920) * 100%));
    width: 260px;
  }
  .switch-3 #f23 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
  .switch-3 #f24 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
  .switch-3 #f25 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
  .switch-3 #f26 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
  .switch-3 #f27 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    top: 50%;
    left: 120%;
    width: 20px;
  }
}
/*# sourceMappingURL=style.css.map */