/*-------------------------------------------------*/
/* - Includes
/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* - Fonts
/*-------------------------------------------------*/
@font-face {
  font-family: "Souvenir Bold";
  src: url("../fonts/SouvenirStd-Bold.woff2") format("woff2");
  src: url("../fonts/SouvenirStd-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*-------------------------------------------------*/
/* - Variables
/*-------------------------------------------------*/
/*---------------------------------------------*/
/*-------------------------------------------------*/
/* - Mixins
/*-------------------------------------------------*/
@media only screen and (min-width: 1025px) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Desktop Variables
  /*---------------------------------------------*/
  /* - Desktop Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  html::-webkit-scrollbar {
    width: 0;
  }
  .page-container {
    position: relative;
    height: auto;
    width: 100vw;
  }
  .tablet-element, .mobile-element {
    display: none;
  }
  body {
    background: #ffedfb;
  }
  .kitchen-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1;
  }
  .opacity-off {
    opacity: 0 !important;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  /* - Background Grid
  /*---------------------------------------------*/
  .background-grid-container {
    position: absolute;
    height: 100vh;
    width: 100%;
    opacity: 0.3;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .background-grid-container .line {
    background: #ffaece;
  }
  .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 0.2vw;
  }
  .background-grid-container .hl {
    position: relative;
    height: 0.2vw;
    width: 100%;
  }
  .background-grid-container .vl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .background-grid-container .hl-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5vw;
    flex-wrap: nowrap;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Header / Nav
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: 100%;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Window
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .window-container {
    position: absolute;
    height: 55vh;
    width: 20vw;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: -2vw;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    cursor: pointer;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset -0.25vw -0.25vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.5vw 0.5vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .window-container .window-pane {
    position: absolute;
    height: calc(55vh - 3vw);
    width: 18.5vw;
    top: 1.5vw;
    right: auto;
    bottom: auto;
    left: 0;
    overflow: hidden;
    background: linear-gradient(0deg, #92ddff 0%, #80b5ff 100%);
    outline: 0.2vw solid #c6668c;
    box-shadow: 0.2vw -0.5vw 0 rgba(198, 102, 140, 0.7), 0.2vw 0.5vw 0 #fdf7f7;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s linear opacity;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset-sky {
    background: linear-gradient(180deg, #79aefd 0%, #c78a21 80%, #ad3636 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .night-sky {
    background: linear-gradient(180deg, #4f5bff 0%, #58317d 100%);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .star {
    position: absolute;
    height: 0.15vw;
    width: 0.15vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s1 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s2 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s3 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s4 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s5 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s6 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s7 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .s8 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cosmic-obj {
    border-radius: 50%;
    transition: transform 1s ease-in-out, opacity 1s ease-in-out;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sun {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffd100;
    filter: blur(5px);
    transform: translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunset {
    transform: translateY(36vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .sunless {
    transform: translateY(55vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moon {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    background: #ffffff;
    opacity: 0.4;
    transform: translateY(0vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .moonrise {
    transform: translateY(-20vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .fullmoon {
    transform: translateY(-45vh);
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud {
    position: absolute;
    right: -45%;
    opacity: 1;
    transition: opacity 1s linear;
    animation: clouds 30s linear infinite;
    transform: translateX(0vw);
  }
  @keyframes clouds {
    0% {
      transform: translateX(0vw);
    }
    100% {
      transform: translateX(-25vw);
    }
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-bar {
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-h {
    position: absolute;
    height: 1.5vw;
    width: 100%;
    top: calc(50% - 0.75vw);
    right: auto;
    bottom: auto;
    left: 0;
    box-shadow: inset 0 0.25vw 0 #ffedfb, inset 0 -0.25vw 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0 0.3vw 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left .window-container .window-pane .window-v {
    position: absolute;
    height: 100%;
    width: 1.5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
    box-shadow: inset 0.25vw 0 0 #ffedfb, inset -0.25vw 0 0 rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.3vw 0 0 rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .kitchen-left {
    /* - Main Logo
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .main-logo-container {
    position: absolute;
    height: 43.4%;
    width: 59.2%;
    top: 4.6%;
    right: auto;
    bottom: auto;
    left: 40.4%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(0.4vw 0.3vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .main-logo-container .logo-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    /* - Stovetop
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 50%;
    margin: 0 1vw 0 0;
    filter: drop-shadow(0.25vw 0.25vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects {
    position: absolute;
    height: 6vw;
    width: 46%;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: 10%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    pointer-events: none;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke {
    position: relative;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateY(0vw) scale(1);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smoke-anim {
    animation: smokeAnim 2s ease-out infinite;
  }
  @keyframes smokeAnim {
    0% {
      transform: translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-5vw) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk5 {
    animation-delay: 0ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk7, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk3 {
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk1 {
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk8 {
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk6, .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk4 {
    animation-delay: 1250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk9 {
    animation-delay: 1500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .smk2 {
    animation-delay: 1750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    bottom: 3vw;
    border-radius: 50%;
    outline: 0.2vw solid #92ddff;
    transform: scale(0);
    opacity: 1;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .grease-anim {
    animation: greaseAnim 1s ease-in-out infinite;
  }
  @keyframes greaseAnim {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .g1 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .g2 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .g3 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .g4 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container {
    position: absolute;
    height: 0.5vw;
    width: 3vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 1.5vw);
    transform: translateY(0vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 0.2vw solid #985e47;
    transform: rotate(0deg);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-container .spam-anim {
    animation: spamAnim 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamAnim {
    0% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(1440deg);
    }
    100% {
      transform: rotate(1440deg);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-effects .spam-c-anim {
    animation: spamContAnim 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  @keyframes spamContAnim {
    0% {
      transform: translateY(0vw);
    }
    70% {
      transform: translateY(-5.5vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 70%;
    margin: 0 0 0 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-handle {
    position: absolute;
    height: 0.75vw;
    width: 25%;
    top: 0.1vw;
    right: 0;
    bottom: auto;
    left: auto;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    border-radius: 0 0.375vw 0.375vw 0;
    box-shadow: inset 1vw -0.3vw 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: auto;
    width: 80%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-container .skillet-base svg {
    width: 100%;
    fill: #b0e5fd;
    stroke: #7197b7;
    stroke-width: 0.2vw;
    display: block;
    overflow: visible;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .skillet-glow {
    position: absolute;
    height: 0.7vw;
    width: 50%;
    top: 1.6vw;
    right: auto;
    bottom: auto;
    left: 8%;
    background: #ff4747;
    outline: 0.2vw solid #fffc35;
    filter: blur(0.3vw);
    transition: translate 0.5s ease-in-out, opacity 0.5s linear;
    transform: translateY(0vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .glow-anim {
    animation: glowAnim 2s ease infinite;
  }
  @keyframes glowAnim {
    0% {
      transform: translateY(0vw);
    }
    50% {
      transform: translateY(0.15vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-button {
    position: absolute;
    height: 1vw;
    width: 5%;
    bottom: 1vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    transform: translateY(0);
    cursor: pointer;
    box-shadow: inset 0 0.2vw 0 #def4ff, inset -0.4vw 0 0 #88bcd4;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb1 {
    right: 5%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb2 {
    right: 15%;
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .sb-pressed {
    transform: translateY(0.5vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container .stove-base {
    position: relative;
    height: 1vw;
    width: 100%;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset -0.5vw -0.4vw 0 #88bcd4, inset 0 0.25vw 0 #def4ff;
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Spam Cans Stack
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container {
    position: absolute;
    height: auto;
    width: 20%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 54%;
    cursor: pointer;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container a {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 3.5vw;
    transform: translateX(0vw);
    transition: 0.2s ease-in-out all;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-top {
    position: relative;
    height: 0.2vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    background: #ffd100;
    outline: 0.2vw solid #0d426c;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label {
    position: relative;
    height: auto;
    width: 90%;
    margin: 0 auto 0.2vw auto;
    background: #ffd100;
    outline: 0.2vw solid #0d426c;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container .spam-can .sc-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .sc1 {
    transform: translateX(0.1vw);
    filter: drop-shadow(0 0 5px #ffd100);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .sc2 {
    transform: translateX(-0.4vw);
    filter: drop-shadow(0 0 5px #ffd100);
  }
  .kitchen-container .kitchen-left .counter-items-container .spam-stack-container:hover .sc3 {
    transform: translateX(0.4vw);
    filter: drop-shadow(0 0 5px #ffd100);
  }
  .kitchen-container .kitchen-left .counter-items-container {
    /* - Espresso Machine
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 30%;
    margin: 0 2vw 0 0;
    filter: drop-shadow(1vw 0.75vw 0 rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container, .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    box-shadow: inset 0.4vw 0.4vw 0 #fdf7f7, inset -0.4vw -0.4vw 0 #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 0.5vw;
    width: 50%;
    margin: 0 auto 0.2vw auto;
    border-radius: 0.25vw;
    box-shadow: inset 0.2vw 0.2vw 0px #fdf7f7, inset -0.2vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 2.5vw;
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    background: transparent;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 80%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0 0 #6b5139;
    transform-origin: bottom;
    transition: transform 2s ease-in-out;
    transform: scaleY(1);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .bean-hopper .glint {
    position: absolute;
    height: 60%;
    width: 0.6vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 5%;
    background: #fdf7f7;
    border-radius: 0.3vw;
    opacity: 0.8;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .hopper-anim {
    animation: hopperAnim 2s ease-in-out forwards;
  }
  @keyframes hopperAnim {
    0%, 10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90%, 100% {
      transform: translateX(-1px);
    }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
      transform: translateX(1px);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 5vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    border-radius: 1vw;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button {
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 50%;
    filter: drop-shadow(0.25vw 0.25vw 0 #ffaece);
    cursor: pointer;
    transform-origin: center;
    transform: scale(1);
    transition: scale 100ms ease-in-out;
    box-shadow: inset 0.2vw 0.2vw 0px #ffedfb, inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .b1 {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: 25%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .b2 {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: calc(50% - 1vw);
    right: 23%;
    bottom: auto;
    left: auto;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .b-anim {
    animation: bAnim 500ms ease forwards;
  }
  @keyframes bAnim {
    0% {
      transform: scale(1);
    }
    25% {
      transform: scale(1.05);
    }
    50% {
      transform: scale(1);
    }
    75% {
      transform: scale(1.05);
    }
    100% {
      transform: scale(1);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .ready-light {
    position: absolute;
    height: 0.5vw;
    width: 0.5vw;
    top: calc(50% - 0.25vw);
    right: 11%;
    bottom: auto;
    left: auto;
    background: red;
    filter: blur(2px);
    border-radius: 50%;
    transition: background-color 300ms linear;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-active {
    background: lightgreen;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-top-container .rl-anim {
    animation: rlAnim 1s step-end infinite;
  }
  @keyframes rlAnim {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container {
    position: relative;
    height: 6vw;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    overflow: hidden;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 60%;
    filter: drop-shadow(0.75vw 0.2vw 0 rgba(198, 102, 140, 0.7));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 7vw;
    width: 0.3vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.15vw);
    background: #806043;
    outline: 0.2vw solid #6b5139;
    border-radius: 0.2vw;
    transform: translateY(-5vw) scaleX(1);
    transform-origin: center;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-anim {
    animation: coffeeAnim 3s ease-in-out forwards;
  }
  @keyframes coffeeAnim {
    0% {
      transform: translateY(-5vw) scaleX(1);
    }
    100% {
      transform: translateY(7vw) scaleX(0.1);
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar {
    position: relative;
    height: 0.5vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    margin: 0 0 0.2vw 0;
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar:nth-of-type(3) {
    width: 75%;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-handle {
    position: absolute;
    height: 0.3vw;
    width: 4vw;
    top: auto;
    right: auto;
    bottom: 0.35vw;
    left: 50%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.15vw;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .wand-cup {
    position: relative;
    height: 1vw;
    width: 30%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset -0.4vw 0.15vw 0px #ffaece, inset 0.6vw 0vw 0px #fdf7f7;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: auto;
    right: auto;
    bottom: 0;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateY(0vw) scale(1);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s2 {
    animation-delay: 400ms !important;
    left: calc(50% - 0.5vw - 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .s3 {
    animation-delay: 800ms !important;
    left: calc(50% - 0.5vw + 6px);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .steam-anim {
    animation: steamAnim 1.2s ease-out infinite;
  }
  @keyframes steamAnim {
    0% {
      transform: translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-4vw) scale(3);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup {
    position: absolute;
    height: 1.5vw;
    width: 2.6vw;
    top: auto;
    right: auto;
    bottom: 0.2vw;
    left: calc(50% - 1.3vw);
    background: #ffffff;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.15vw 0.15vw 1vw 1vw;
    box-shadow: inset -0.4vw -0.15vw 0px #def4ff;
    filter: drop-shadow(0.75vw 0.2vw 0px rgba(198, 102, 140, 0.7));
    transform: translateX(0vw);
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2 {
    transform: translateX(-4vw);
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup1-anim {
    animation: cup1Anim 400ms ease-in-out forwards;
  }
  @keyframes cup1Anim {
    0% {
      transform: translateX(0vw);
      opacity: 1;
    }
    100% {
      transform: translateX(4vw);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-rear-container .cup2-anim {
    animation: cup2Anim 400ms ease-in-out forwards;
  }
  @keyframes cup2Anim {
    0% {
      transform: translateX(-4vw);
      opacity: 0;
    }
    100% {
      transform: translateX(0vw);
      opacity: 1;
    }
  }
  .kitchen-container .kitchen-left .counter-items-container .espresso-machine-container .machine-base {
    position: relative;
    height: 2vw;
    width: 100%;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.5vw;
    box-shadow: inset 0.4vw 0.4vw 0px #fdf7f7, inset -0.4vw -0.4vw 0px #ffaece;
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: 18%;
    width: 98%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2vw;
    filter: drop-shadow(1vw 1vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 2vw;
    width: 100%;
    border-radius: 0 0.25vw 0.25vw 0;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0vw 0.5vw 0px #fdf7f7, inset -0.5vw -0.5vw 0px rgba(255, 174, 206, 0.4);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 97.5%;
    flex-grow: 1;
    padding: 0 2.5% 0 0;
    border-radius: 0 0.25vw 0 0;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset -0.5vw 0.2vw 0px rgba(198, 102, 140, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 0.75vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    border-radius: 50%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0.2vw 0.2vw 0px #ffedfb, inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.25vw 0.25vw 0px rgba(255, 174, 206, 0.4));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 .knob {
    right: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d2 .knob, .kitchen-container .kitchen-left .counter-container .counter-base .d3 .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    border-radius: 0.25vw 0.25vw 0 0;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0vw 0.5vw 0px #fdf7f7, inset -0.5vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .d1 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0 0.25vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    border-radius: 0.25vw 0.25vw 0 0;
    background: rgba(198, 102, 140, 0.7);
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 1vw 3vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container {
    position: absolute;
    height: 65%;
    width: 4.5vw;
    top: 15%;
    right: auto;
    bottom: auto;
    left: 30%;
    display: flex;
    flex-direction: column-reverse;
    gap: 0.2vw;
    filter: drop-shadow(1vw 0 0 rgba(198, 102, 140, 0.7));
    cursor: pointer;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-top {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    box-shadow: inset -0.2vw -0.2vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body {
    position: relative;
    height: calc(100% - 0.5vw - 0.2vw);
    width: 100%;
    border-radius: 0.25vw;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    box-shadow: inset -0.2vw -0.8vw 0 rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo {
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    top: 15%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.75vw);
    background: #806043;
    outline: 0.2vw solid #6b5139;
    border-radius: 30% 60%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-container .bag-body .coffee-logo .line {
    position: relative;
    height: 0.2vw;
    width: 200%;
    background: #6b5139;
    transform-origin: center;
    transform: rotate(45deg);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .coffee-bag-anim {
    animation: coffeeBagAnim 1s ease forwards;
  }
  @keyframes coffeeBagAnim {
    0% {
      transform: scale(1) translateY(0vw);
      opacity: 1;
    }
    100% {
      transform: scale(1.5) translateY(-1vw);
      opacity: 0;
    }
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .shelf {
    position: absolute;
    height: 0.5vw;
    width: 100%;
    top: 80%;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0 -0.2vw 0 rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .open-knob {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 1vw;
    right: -0.5vw;
    bottom: auto;
    left: auto;
    border-radius: 50%;
    background: #c6668c;
    outline: 0.2vw solid #c6668c;
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.25vw 0.25vw 0 0;
    box-shadow: inset 0vw 0.5vw 0px #fdf7f7, inset -0.5vw 0vw 0px rgba(255, 174, 206, 0.4);
    filter: drop-shadow(0.2vw 0.2vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .special-door .door-front .knob {
    left: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .door-front {
    width: 1vw;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .knob {
    opacity: 0;
  }
  .kitchen-container .kitchen-left .counter-container .counter-base .door-open .open-knob {
    opacity: 1;
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: 100%;
    width: 50%;
    padding: 0 5vw 0 0;
    display: flex;
    flex-direction: column;
    justify-content: end;
    filter: drop-shadow(2vw 2vw 0 rgba(198, 102, 140, 0.7));
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    border-radius: 1vw;
    box-shadow: inset -0.5vw -0.3vw 0 #71a990, inset 0.5vw 0.3vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 1vw;
    width: 20%;
    left: 5%;
    border-radius: 0.5vw;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset 0.3vw 0.3vw 0 #def4ff, inset -0.3vw -0.3vw 0 #88bcd4, 0.5vw 0.3vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55vh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 20vh;
    width: 1vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 3%;
    display: flex;
    flex-direction: column;
    gap: 0.5vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 1vw;
    border-radius: 0.5vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 1vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 0.5vw;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 1vw 1vw 0 0;
    box-shadow: inset -0.5vw 0 0 #71a990, inset 0.5vw 0.3vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  .html {
    overflow-x: hidden;
  }
  .html::-webkit-scrollbar {
    width: 0px;
  }
  .page-container {
    position: relative;
    height: auto;
    width: 100vw;
    overflow-y: hidden;
  }
  .desktop-element, .mobile-element {
    display: none;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Header / Nav
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Hero Section
  /*-------------------------------------------------*/
}
@media only screen and (max-width: 767px) {
  /*-------------------------------------------------*/
  /* - General Code
  /*-------------------------------------------------*/
  /* - Mobile Variables
  /*---------------------------------------------*/
  img {
    display: none;
  }
  /* - Mobile Mixins
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  html::-webkit-scrollbar {
    width: 0px;
  }
  .page-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
  }
  .desktop-element, .tablet-element {
    display: none;
  }
  body {
    background: #ffedfb;
  }
  /* - General Classes
  /*---------------------------------------------*/
  .opacity-on {
    opacity: 1;
  }
  .opacity-off {
    opacity: 0 !important;
  }
  .safari-fix {
    transform-style: preserve-3d;
    overflow: visible;
    transform: translateZ(0);
  }
  /* - Background Grid
  /*---------------------------------------------*/
  .background-grid-container {
    position: absolute;
    height: 100vh;
    width: 200%;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    opacity: 0.3;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: transform 1s ease-in-out;
    transform: translateX(0vw);
  }
  .background-grid-container .line {
    background: #ffaece;
  }
  .background-grid-container .vl {
    position: relative;
    height: 100%;
    width: 1vw;
  }
  .background-grid-container .hl {
    position: relative;
    height: 1vw;
    width: 100%;
  }
  .background-grid-container .vl-container {
    position: relative;
    height: 100%;
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 5vh;
    flex-wrap: nowrap;
  }
  .background-grid-container .hl-container {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  /* - Arrows
  /*---------------------------------------------*/
  .left-arrow {
    position: absolute;
    height: 10vw;
    width: 10vw;
    background: #ffd100;
    border-radius: 50%;
    top: auto;
    right: auto;
    bottom: 5vh;
    left: 5vw;
    z-index: 1000;
  }
  .right-arrow {
    position: absolute;
    height: 10vw;
    width: 10vw;
    background: #ffd100;
    border-radius: 50%;
    top: auto;
    right: 5vw;
    bottom: 5vh;
    left: auto;
    z-index: 1000;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Header / Nav
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: absolute;
    height: 100vh;
    width: 200vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: row;
    overflow: hidden;
    transition: transform 1s ease-in-out;
    transform: translateX(0vw);
  }
  .kitchen-container .kitchen-left {
    position: relative;
    height: auto;
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  .kitchen-container .kitchen-left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
    /* - Stovetop
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 40%;
    margin: 0 1vw 0 0;
  }
  .kitchen-container .kitchen-left .counter-container {
    position: relative;
    height: 20%;
    width: 96%;
    display: flex;
    flex-direction: column-reverse;
    gap: 1vw;
    filter: drop-shadow(5vw 5vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .kitchen-left .counter-container .countertop {
    position: relative;
    height: 6vw;
    width: 100%;
    border-radius: 0 1vw 1vw 0;
    background: #ffedfb;
    outline: 1vw solid #c6668c;
    box-shadow: inset 0vw 0.5vw 0px #fdf7f7, inset -0.5vw -0.5vw 0px rgba(255, 174, 206, 0.4);
  }
  .kitchen-container .kitchen-left .counter-container .counter-base {
    position: relative;
    height: auto;
    width: 95%;
    flex-grow: 1;
    padding: 0 5% 0 0;
    border-radius: 0 1vw 0 0;
    background: #ffaece;
    outline: 1vw solid #c6668c;
    box-shadow: inset -2vw 2vw 0px rgba(198, 102, 140, 0.7);
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: end;
    gap: 0.75vw;
  }
  .kitchen-container .kitchen-right {
    position: relative;
    height: auto;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    /* - Fridge
    /*-------------------------------------------------*/
  }
  .kitchen-container .kitchen-right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    background: #abdbc5;
    outline: 1vw solid #5c8777;
    border-radius: 5vw 0 0 5vw;
    box-shadow: inset 0vw -2vw 0 #71a990, inset 2vw 1.5vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .handle {
    position: absolute;
    height: 4vw;
    width: 50%;
    left: 10%;
    border-radius: 2vw;
    background: #b0e5fd;
    outline: 1vw solid #7197b7;
    box-shadow: inset 1vw 1vw 0 #def4ff, inset -1vw -1vw 0 #88bcd4, 2vw 1.5vw 0 #71a990;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door {
    height: 55vh;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container {
    position: absolute;
    height: 20vh;
    width: 4vw;
    top: 3vh;
    right: auto;
    bottom: auto;
    left: 8%;
    display: flex;
    flex-direction: column;
    gap: 2vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .glint {
    position: relative;
    height: auto;
    width: 4vw;
    border-radius: 2vw;
    background: #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g1 {
    height: 4vw;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .glint-container .g2 {
    flex-grow: 1;
  }
  .kitchen-container .kitchen-right .fridge-container .top-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .kitchen-right .fridge-container .fridge-gap {
    position: relative;
    height: 2vw;
    width: 95%;
    margin: 0 0 0 auto;
    background: #5c8777;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door {
    flex-grow: 1;
    border-radius: 5vw 0 0 0;
    box-shadow: inset 2vw 1.5vw 0 #d9f1e6;
  }
  .kitchen-container .kitchen-right .fridge-container .bottom-door .handle {
    top: 5vh;
  }
}/*# sourceMappingURL=styles.css.map */