.amonalogocontainer {
  height: 12rem;
  width: 1440px;
  margin: auto;
  display: flex;
  position: absolute;
  top: -16.8rem;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 4;
  transform-origin: center top;
  align-items: center;
  perspective: 8000px;
  transform-style: preserve-3d;
 /* border: 2px dashed red; */
  animation: amonalogoupdown 5s ease-in-out infinite;
}
@media (max-width: 1620px) {.amonalogocontainer {top: -15.2rem;}}
@media (max-width: 959px) {.amonalogocontainer {top: -15.2rem; animation: amonalogoupdownmobile 5s ease-in-out infinite; z-index: 105;}}
@media (max-width: 380px) {.amonalogocontainer {top: -14.6rem; animation: amonalogoupdownmobile380 5s ease-in-out infinite;}}
@media (max-width: 360px) {.amonalogocontainer {top: -14.6rem; animation: amonalogoupdownmobile360 5s ease-in-out infinite;}}
@media (max-width: 345px) {.amonalogocontainer {top: -11.3rem; animation: amonalogoupdownmobile345 5s ease-in-out infinite;}}

/*Chef Labs logo only */
.amonacllogo {width: 100%; height: 100%; position: absolute; top: 18px; right: -12px; z-index: 9; transform-style: preserve-3d; animation-fill-mode: forwards; display: flex;
justify-content: center; align-items: center; font-family: "Voya Nui", sans-serif; user-select: none; pointer-events: none;}
.amonacllogo > .amonacltext {font-size: 34px; color: #ffdf00; letter-spacing: 0; top: 0; font-weight: 950; z-index: 9; position: relative; white-space: nowrap;
text-align: center; transform-origin: center center; transform-style: preserve-3d; line-height: 0.65; animation: amonalogorotate 6s ease-in-out infinite;}

.amonacllogo:nth-child(1) > .amonacltext {transform: translateZ(0px);}
.amonacllogo:nth-child(2) > .amonacltext {transform: translateZ(-1.5px);}
.amonacllogo:nth-child(3) > .amonacltext {transform: translateZ(-3px);}
.amonacllogo:nth-child(4) > .amonacltext {transform: translateZ(-4.5px);}
.amonacllogo:nth-child(5) > .amonacltext {transform: translateZ(-6px);}
.amonacllogo:nth-child(6) > .amonacltext {transform: translateZ(-7.5px);}
.amonacllogo:nth-child(7) > .amonacltext {transform: translateZ(-9px);}
.amonacllogo:nth-child(8) > .amonacltext {transform: translateZ(-10.5px);}
.amonacllogo:nth-child(9) > .amonacltext {transform: translateZ(-12px);}
.amonacllogo:nth-child(10) > .amonacltext {transform: translateZ(-13.5px);}
.amonacllogo:nth-child(11) > .amonacltext {transform: translateZ(-15px);}
.amonacllogo:nth-child(12) > .amonacltext {transform: translateZ(-16.5px);}
.amonacllogo:nth-child(13) > .amonacltext {transform: translateZ(-18px);}
.amonacllogo:nth-child(14) > .amonacltext {transform: translateZ(-19.5px);}
.amonacllogo:nth-child(15) > .amonacltext {transform: translateZ(-21px);}
.amonacllogo:nth-child(16) > .amonacltext {transform: translateZ(-22.5px);}
.amonacllogo:nth-child(17) > .amonacltext {transform: translateZ(-24px);}
.amonacllogo:nth-child(18) > .amonacltext {transform: translateZ(-25.5px);}
.amonacllogo:nth-child(19) > .amonacltext {transform: translateZ(-27px);}
.amonacllogo:nth-child(20) > .amonacltext {transform: translateZ(-28.5px);}

.amonacllogo:nth-child(1) > .amonacltext {-webkit-text-stroke: 0.69px rgba(255,160,69,1);}
.amonacllogo:nth-child(n+2) > .amonacltext {-webkit-text-stroke: 6px #1a1a1a;}
.amonacllogo:last-child > .amonacltext {-webkit-text-stroke: 7px #000000;}
.amonacltext{color: #ffdf00; -webkit-text-fill-color: #ffdf00;}

.amonacltm, .amonacltmoffset {font-size: 16.9px; vertical-align: super; margin-left: 1px; position: relative; top: 2.5px; color: #ffdf00; font-weight: 900; -webkit-text-stroke: 1px #1a1a1a; text-shadow: none !important;}
.amonacltmoffset{visibility: hidden; -webkit-text-stroke: none; text-shadow: none !important;}
@media (max-width: 959px) {.amonacltm, .amonacltmoffset {top: 0.4px}}
/* End of Chef Labs logo */

.amonawrapper{width: 100%; height: 100%; position: relative; top: 1.8rem; left: -0.3rem; z-index: 8; transform-style: preserve-3d; animation: amonalogorotate 6s ease-in-out infinite;
display: flex; flex-direction: row; justify-content: center; align-items: center; font-family: "Voya Nui", sans-serif; user-select: none; pointer-events: none;}
@media (max-width: 959px) {.amonawrapper{left: -17.4px;}}

.amonaletter{align-content: center; width: 169px; z-index: 8; position: relative; display: inline-block; transform-style: preserve-3d; backface-visibility: hidden; filter: saturate(112%);}
.amonalayer{color: rgba(255,255,255,0.96); position: absolute; white-space: nowrap; text-align: center; font-weight: 400; transform-origin: center center; will-change: transform;
transform-style: preserve-3d; font-size: 160px; line-height: 1; backface-visibility: hidden;}

.letterafirst{display: inline-block; transform: rotate(6deg) translateZ(60px); position: relative; z-index: 11; top: 0.15rem; left: 6.4rem; animation: amonalogoletterafirst 6s ease-in-out infinite; transform-style: preserve-3d;}
.letterm{display: inline-block; transform: rotate(-6deg)  translateZ(30px); position: relative; z-index: 10; top: 0.24rem; left: 2rem; animation: amonalogoletterm 8s ease-in-out infinite backwards; transform-style: preserve-3d;}
.lettero{display: inline-block; transform: rotate(10deg) translateZ(0px); position: relative; z-index: 9; top: 0.2rem; left: 3.15rem; animation: amonalogolettero 6s ease-in-out infinite; transform-style: preserve-3d;}
.lettern{display: inline-block; transform: rotate(-10deg) translateZ(60px); position: relative; z-index: 11; top: 0.02rem; left: -0.4rem; animation: amonalogolettern 8s ease-in-out infinite; transform-style: preserve-3d;}
.letteralast{display: inline-block; transform: rotate(10deg) translateZ(30px); position: relative; z-index: 10; top: 0.15rem; left: -2.4rem; animation: amonalogoletteralast 6s ease-in-out infinite; transform-style: preserve-3d;}
@keyframes amonalogoletterafirst {0% {transform: translateY(0.8rem) rotate(6deg) translateZ(60px);} 50% {transform: translateY(0rem) rotate(6deg) translateZ(60px);} 100% {transform: translateY(0.8rem) rotate(6deg) translateZ(60px);}}
@keyframes amonalogoletterm {0% {transform: translateY(0.6rem) rotate(-6deg);} 50% {transform: translateY(0rem) rotate(-6deg);} 100% {transform: translateY(0.6rem) rotate(-6deg);}}
@keyframes amonalogolettero {0% {transform: translateY(0rem) rotate(10deg) translateZ(0px);} 50% {transform: translateY(0.8rem) rotate(10deg) translateZ(0px);} 100% {transform: translateY(0rem) rotate(10deg) translateZ(0px);}}
@keyframes amonalogolettern {0% {transform: translateY(0rem) rotate(-8deg) translateZ(60px);} 50% {transform: translateY(0.6rem) rotate(-8deg) translateZ(60px);} 100% {transform: translateY(0rem) rotate(-8deg) translateZ(60px);}}
@keyframes amonalogoletteralast {0% {transform: translateY(0rem) rotate(4deg) translateZ(30px);} 50% {transform: translateY(0.8rem) rotate(4deg) translateZ(30px);} 100% {transform: translateY(0rem) rotate(4deg) translateZ(30px);}}

@media (max-width: 959px) {.letterafirst{left: 6.9rem;} .letterm{left: 2.2rem}}

.amonaletter > .amonalayer:nth-child(2) {color: rgba(255,255,255,0.96); filter: saturate(100%); transform-style: preserve-3d;}
.letterafirst > .amonalayer:nth-child(2) {-webkit-text-stroke: 8px red; filter: brightness(98%);}
.letterm > .amonalayer:nth-child(2) {-webkit-text-stroke: 8px blue; filter: saturate(108%) brightness(104%);}
.lettero > .amonalayer:nth-child(2) {-webkit-text-stroke: 8px green;}
.lettern > .amonalayer:nth-child(2) {-webkit-text-stroke: 8px rgba(255,160,69,1); -webkit-text-stroke: 8px rgba(255,165,0,0.98); filter: saturate(690%) contrast(148%) brightness(102%);}
.letteralast > .amonalayer:nth-child(2) {-webkit-text-stroke: 8px purple; filter: saturate(148%) brightness(104%);}

.amonaletter > .amonalayer:nth-child(1) {color: rgba(255,255,255,0.96); -webkit-text-stroke: 3px rgba(188,188,188,0.69); /*text-shadow: -2px -2px 3px rgba(255,255,255,0.4);*/ filter: saturate(148%);}
.amonaletter > .amonalayer:nth-child(n+3) {-webkit-text-stroke: 16.4px #2E2E2E; filter: saturate(148%);}
.amonaletter > .amonalayer:nth-child(n+5) {-webkit-text-stroke: 16.4px #3B3B3B;}
.amonaletter > .amonalayer:nth-child(n+18) {-webkit-text-stroke: 16.4px #1a1a1a;}
.amonaletter > .amonalayer:nth-child(20) {text-shadow: 8.5px 0 8.5px #0077ea, 7.5px 7.5px 7.5px #0077ea, 0 8.5px 8.5px #0077ea;}
/*@media (max-width: 959px) {.amonaletter > .amonalayer:nth-child(20) {text-shadow: 12px 0 12px #0077ea, 11px 11px 11px #0077ea, 0 12px 12px #0077ea;}}*/

.amonalayer:nth-child(1) { transform: translateZ(0px); z-index: 20;}
.amonalayer:nth-child(2) { transform: translateZ(-1.5px); z-index: 19;}
.amonalayer:nth-child(3) { transform: translateZ(-3px); z-index: 18;}
.amonalayer:nth-child(4) { transform: translateZ(-4.5px); z-index: 17;}
.amonalayer:nth-child(5) { transform: translateZ(-6px); z-index: 16;}
.amonalayer:nth-child(6) { transform: translateZ(-7.5px); z-index: 15;}
.amonalayer:nth-child(7) { transform: translateZ(-9px); z-index: 14;}
.amonalayer:nth-child(8) { transform: translateZ(-10.5px); z-index: 13;}
.amonalayer:nth-child(9) { transform: translateZ(-12px); z-index: 12;}
.amonalayer:nth-child(10){ transform: translateZ(-13.5px); z-index: 11;}
.amonalayer:nth-child(11){ transform: translateZ(-15px); z-index: 10;}
.amonalayer:nth-child(12){ transform: translateZ(-16.5px); z-index: 9;}
.amonalayer:nth-child(13){ transform: translateZ(-18px); z-index: 8;}
.amonalayer:nth-child(14){ transform: translateZ(-19.5px); z-index: 7;}
.amonalayer:nth-child(15){ transform: translateZ(-21px); z-index: 6;}
.amonalayer:nth-child(16){ transform: translateZ(-22.5px); z-index: 5;}
.amonalayer:nth-child(17){ transform: translateZ(-24px); z-index: 4;}
.amonalayer:nth-child(18){ transform: translateZ(-25.5px); z-index: 3;}
.amonalayer:nth-child(19){ transform: translateZ(-27px); z-index: 2;}
.amonalayer:nth-child(20){ transform: translateZ(-28.5px); z-index: 1;}

.amonatmwrapper{width: 26px; height: 26px; position: absolute; top: 6.9rem; left: calc(50% + 20rem); transform-style: preserve-3d; transform: translateZ(75px); backface-visibility: hidden;}
.amonatm{font-size: 21px; vertical-align: super; position: absolute; top: 0; left: 0; color: #F5F5F5; transform-style: preserve-3d; animation-fill-mode: forwards;
font-weight: 900; -webkit-text-stroke: 0.9px #1a1a1a; z-index: 6;}
@media (max-width: 959px) {.amonatmwrapper{top: 6.9rem;}}

.amonatm:nth-child(1) { transform: translateZ(0px); }
.amonatm:nth-child(2) { transform: translateZ(-1.5px); }
.amonatm:nth-child(3) { transform: translateZ(-3px); }
.amonatm:nth-child(4) { transform: translateZ(-4.5px); }
.amonatm:nth-child(5) { transform: translateZ(-6px); }
.amonatm:nth-child(6) { transform: translateZ(-7.5px); }
.amonatm:nth-child(7) { transform: translateZ(-9px); }
.amonatm:nth-child(8) { transform: translateZ(-10.5px); }
.amonatm:nth-child(9) { transform: translateZ(-12px); }
.amonatm:nth-child(10){ transform: translateZ(-13.5px); }

.amonalogocontainer,
.amonalogocontainer * {
  animation-play-state: paused;
}

@keyframes amonalogorotate {
  0% {
    transform: rotate(2.4deg);
  }
  50% {
    transform: rotate(-2.4deg);
  }
  100% {
    transform: rotate(2.4deg);
  }
}

@keyframes amonalogoupdown {
  0% {
    transform: translateY(0rem) translateX(-50%) scale(1.2);
  }
  50% {
    transform: translateY(1rem) translateX(-50%) scale(1.2);
  }
  100% {
    transform: translateY(0rem) translateX(-50%) scale(1.2);
  }
}

@keyframes amonalogoupdownmobile {
  0% {
    transform: translateY(0rem) translateX(-50%) scale(0.6);
  }
  50% {
    transform: translateY(1rem) translateX(-50%) scale(0.6);
  }
  100% {
    transform: translateY(0rem) translateX(-50%) scale(0.6);
  }
}

@keyframes amonalogoupdownmobile380 {
  0% {
    transform: translateY(0rem) translateX(-50%) scale(0.52);
  }
  50% {
    transform: translateY(1rem) translateX(-50%) scale(0.52);
  }
  100% {
    transform: translateY(0rem) translateX(-50%) scale(0.52);
  }
}

@keyframes amonalogoupdownmobile360 {
  0% {
    transform: translateY(0rem) translateX(-50%) scale(0.48);
  }
  50% {
    transform: translateY(1rem) translateX(-50%) scale(0.48);
  }
  100% {
    transform: translateY(0rem) translateX(-50%) scale(0.48);
  }
}

@keyframes amonalogoupdownmobile345 {
  0% {
    transform: translateY(0rem) translateX(-50%) scale(0.455);
  }
  50% {
    transform: translateY(1rem) translateX(-50%) scale(0.455);
  }
  100% {
    transform: translateY(0rem) translateX(-50%) scale(0.455);
  }
}