/*-------------------------------------------------*/
/* - 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
  /*---------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html {
    scroll-behavior: smooth;
    overflow-x: hidden;
  }
  html::-webkit-scrollbar {
    width: 0px;
  }
  .page-container {
    position: relative;
    height: auto;
    width: 100vw;
  }
  .tablet-element, .mobile-element {
    display: none;
  }
  body {
    background: #ffedfb;
  }
  /* - Borders
  /*---------------------------------------------*/
  .border-top {
    position: absolute;
    height: 0.2vw;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  .border-right {
    position: absolute;
    height: 100%;
    width: 0.2vw;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
  }
  .border-bottom {
    position: absolute;
    height: 0.2vw;
    width: 100%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
  }
  .border-left {
    position: absolute;
    height: 100%;
    width: 0.2vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  .heading-text {
    font-family: "Souvenir Bold";
    font-size: 3vw;
    color: #0d426c;
  }
  .paragraph-text {
    font-family: "Souvenir Bold";
    font-size: 1.4vw;
    color: #0d426c;
    line-height: 1.15;
  }
  /*-------------------------------------------------*/
  /* - Header / Nav
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Intro Overlay
  /*-------------------------------------------------*/
  .intro-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1001;
    overflow: hidden;
  }
  .intro-overlay-container .intro-overlay-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #021321;
    opacity: 0.6;
  }
  .intro-overlay-container .intro-content-container {
    position: relative;
    height: 95vh;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .intro-overlay-container .intro-content-container .passport-background {
    position: absolute;
    height: 24vh;
    width: auto;
    top: 7vh;
    right: auto;
    bottom: auto;
    left: 13%;
    transform-origin: center;
    transform: rotate(-15deg);
  }
  .intro-overlay-container .intro-content-container .passport-background img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .intro-overlay-container .intro-content-container .star {
    position: absolute;
    height: auto;
    width: 18vw;
    top: 26%;
    right: -1%;
    bottom: auto;
    left: auto;
    animation: starSpin 4s linear infinite;
    transform-origin: center;
    transform: rotate(0deg);
  }
  @keyframes starSpin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .intro-overlay-container .intro-content-container .hello-kitty-container {
    position: relative;
    height: 40vh;
    width: auto;
    margin: 0 0 -10vh 6.5vw;
    transform-origin: center;
    transform: rotate(5deg);
  }
  .intro-overlay-container .intro-content-container .hello-kitty-container img {
    position: relative;
    height: 100%;
    width: auto;
  }
  .intro-overlay-container .intro-content-container .intro-text-box {
    position: relative;
    height: auto;
    width: calc(100% - 4vw);
    padding: 2vw 2vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #ffffff;
    outline: 0.4vw solid #231f20;
    border-radius: 1vw;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .heading-text {
    margin: 0 0 1vw 0;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .paragraph-text {
    margin: 0 0 2vw 0;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    padding: 0.75vw 2vw;
    display: block;
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    border-radius: 1vw;
    cursor: pointer;
    font-family: "Souvenir Bold";
    font-size: 24px;
    color: #0d426c;
    text-decoration: none;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container {
    position: absolute;
    height: auto;
    width: 7vw;
    top: -4vw;
    right: 10%;
    bottom: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform-origin: center;
    transform: rotate(15deg) scale(1);
    transition: 0.2s ease-in-out all;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container .can-top {
    position: relative;
    height: 0.5vw;
    width: 100%;
    border-radius: 0.2vw;
    background: #ffd100;
    outline: 0.4vw solid #231f20;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container .can-label {
    position: relative;
    height: auto;
    width: 90%;
    border-left: 0.4vw solid #231f20;
    border-right: 0.4vw solid #231f20;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container .can-label img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container .can-bottom {
    position: relative;
    height: 0.5vw;
    width: 90%;
    border-left: 0.4vw solid #231f20;
    border-right: 0.4vw solid #231f20;
    border-bottom: 0.4vw solid #231f20;
    background: #ffd100;
    border-radius: 0 0 0.2vw 0.2vw;
  }
  .intro-overlay-container .intro-content-container .intro-text-box .spam-can-container:hover {
    transform: rotate(10deg) scale(1.1);
  }
  /*-------------------------------------------------*/
  /* - Map Overlay
  /*-------------------------------------------------*/
  .map-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    pointer-events: none;
    overflow: hidden;
  }
  .map-overlay-container .map-overlay-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #021321;
    mix-blend-mode: multiply;
    opacity: 0.6;
    transition: 200ms linear all;
  }
  .map-overlay-container .map-overlay-bkg-hidden {
    opacity: 0;
  }
  .map-overlay-container .map-container {
    position: relative;
    height: auto;
    width: 80%;
    opacity: 1;
    transition: 0.4s linear all;
  }
  .map-overlay-container .map-container img {
    position: relative;
    height: auto;
    width: 100%;
    transform: translateY(0vh);
    transition: 600ms ease-in all;
  }
  .map-overlay-container .map-container .push-pin {
    position: absolute;
    height: auto;
    width: 2vw;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    transform-origin: top left;
    transform: translateX(-50%) translateY(-100%);
    opacity: 0;
  }
  .map-overlay-container .map-container .push-pin .pin-ball {
    position: relative;
    height: 1.5vw;
    width: 1.5vw;
    background: #ffd100;
    border-radius: 50%;
    outline: 0.2vw solid #ac8c00;
    box-shadow: inset -0.25vw -0.25vw 0px rgba(168, 137, 0, 0.5607843137);
  }
  .map-overlay-container .map-container .push-pin .pin-needle {
    position: relative;
    height: 3vw;
    width: 0.3vw;
    background: #b0e5fd;
    border-radius: 0 0 0.25vw 0.25vw;
    outline: 0.2vw solid #7197b7;
  }
  .map-overlay-container .map-container .push-pin-pushed .pin-ball {
    transform: translateY(3vw);
  }
  .map-overlay-container .map-container .push-pin-pushed .pin-needle {
    opacity: 0;
  }
  .map-overlay-container .map-hidden {
    opacity: 0;
  }
  .map-overlay-container .map-hidden img {
    transform: translateY(-100vh);
    transition: 200ms ease-in all;
  }
  .map-overlay-container .text-container {
    position: absolute;
    height: auto;
    width: 30vw;
    top: auto;
    right: auto;
    bottom: 5vw;
    left: calc(50% - 15vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    padding: 2vw 0;
    background: #ffffff;
    outline: 0.2vw solid #0d426c;
    border-radius: 1vw;
  }
  .map-overlay-container .text-container .paragraph-text {
    width: 80%;
    margin: 0 auto 2vw auto;
  }
  .map-overlay-container .text-container .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    padding: 0.75vw 2vw;
    display: block;
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    border-radius: 1vw;
    margin: 0 auto;
    font-family: "Souvenir Bold";
    font-size: 24px;
    color: #0d426c;
    text-decoration: none;
  }
  .map-overlay-container .map-text-container {
    display: none;
  }
  .map-overlay-container .close-button {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: 1vw;
    right: 1vw;
    bottom: auto;
    left: auto;
    background: #ffd100;
    border-radius: 50%;
    outline: 0.2vw solid #ac8c00;
    cursor: pointer;
    transition: 0.2s linear all;
    opacity: 1;
  }
  .map-overlay-container .close-button .bar {
    position: absolute;
    height: 0.2vw;
    width: 50%;
    top: calc(50% - 0.1vw);
    right: auto;
    bottom: auto;
    left: 25%;
    background: #ac8c00;
    transition: 0.2s ease all;
    transform-origin: center;
  }
  .map-overlay-container .close-button .bar01 {
    transform: rotate(-45deg) scaleX(1);
  }
  .map-overlay-container .close-button .bar02 {
    transform: rotate(45deg) scaleX(1);
  }
  .map-overlay-container .close-button:hover .bar01 {
    transform: rotate(-35deg) scaleX(1);
  }
  .map-overlay-container .close-button:hover .bar02 {
    transform: rotate(35deg) scaleX(1);
  }
  .map-overlay-container .close-button .bar01hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .map-overlay-container .close-button .bar02hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .map-overlay-container .close-button-hidden {
    opacity: 0;
  }
  /*-------------------------------------------------*/
  /* - Recipes Overlay
  /*-------------------------------------------------*/
  .recipe-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    pointer-events: none;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .recipe-overlay-container .recipe-overlay-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #021321;
    mix-blend-mode: multiply;
    opacity: 0.6;
    transition: 0.5s linear all;
  }
  .recipe-overlay-container .recipe-overlay-bkg-hidden {
    opacity: 0;
  }
  .recipe-overlay-container .recipes-container {
    position: relative;
    height: auto;
    width: 60%;
    max-height: 95vh;
    perspective: 100vw;
  }
  .recipe-overlay-container .recipes-container .postcard-background {
    position: relative;
    height: auto;
    width: 100%;
    transform-origin: center;
    transform: rotateY(0deg);
    transition: 400ms ease-in-out all;
    opacity: 1;
  }
  .recipe-overlay-container .recipes-container .postcard-background img {
    position: relative;
    height: auto;
    width: 100%;
  }
  .recipe-overlay-container .recipes-container .postcard-bkg-hidden {
    transform: rotateY(90deg);
    opacity: 0;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper {
    position: absolute;
    height: calc(100% - 8vw);
    width: calc(100% - 8vw);
    top: 4vw;
    right: auto;
    bottom: auto;
    left: 4vw;
    display: flex;
    flex-direction: row;
    gap: 2vw;
    transition: 0.2s linear all;
    opacity: 1;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left {
    position: relative;
    height: 100%;
    width: calc(50% - 2vw);
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .stamps-container {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .stamps-container .stamp-void {
    position: absolute;
    height: auto;
    width: 78%;
    top: 1vw;
    right: auto;
    bottom: auto;
    left: 1vw;
    pointer-events: none;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .stamps-container .stamp-logo {
    position: absolute;
    height: auto;
    width: 70%;
    top: auto;
    right: 1vw;
    bottom: 1vw;
    left: auto;
    transform: rotate(10deg);
    pointer-events: none;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .heading-text {
    margin: 0 0 0.5vw 0;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .paragraph-text {
    margin: 0 0 1.5vw 0;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-left .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    padding: 0.75vw 2vw;
    display: block;
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    border-radius: 1vw;
    margin: 0 0 0.25vw 0;
    font-family: "Souvenir Bold";
    font-size: 24px;
    color: #0d426c;
    text-decoration: none;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-right {
    position: relative;
    height: 100%;
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-right .recipe-image {
    position: relative;
    height: 60%;
    width: 100%;
    overflow: hidden;
    border-radius: 1vw;
    outline: 0.2vw solid #0d426c;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-right .stamp-area {
    position: relative;
    height: 31%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .recipe-overlay-container .recipes-container .recipe-wrapper .recipe-right .stamp-area .line {
    position: relative;
    height: 0.2vw;
    width: 100%;
    border-radius: 0.1vw;
    background: #0d426c;
    opacity: 0.14;
  }
  .recipe-overlay-container .recipes-container .recipe-hidden {
    opacity: 0;
  }
  .recipe-overlay-container .recipe-01 .recipe-image {
    background: url("../images/recipe_images/Classic_Ramen.jpg") center/cover;
  }
  .recipe-overlay-container .recipe-02 .recipe-image {
    background: url("../images/recipe_images/Maple_Poutine.jpg") center/cover;
  }
  .recipe-overlay-container .recipe-03 .recipe-image {
    background: url("../images/recipe_images/Bibimbap_Bowl.jpg") center/cover;
  }
  .recipe-overlay-container .recipe-04 .recipe-image {
    background: url("../images/recipe_images/Spamburger.jpg") center/cover;
  }
  .recipe-overlay-container .close-button {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: 1vw;
    right: 1vw;
    bottom: auto;
    left: auto;
    background: #ffd100;
    border-radius: 50%;
    outline: 0.2vw solid #ac8c00;
    cursor: pointer;
    transition: 0.2s linear all;
    opacity: 1;
  }
  .recipe-overlay-container .close-button .bar {
    position: absolute;
    height: 0.2vw;
    width: 50%;
    top: calc(50% - 0.1vw);
    right: auto;
    bottom: auto;
    left: 25%;
    background: #ac8c00;
    transition: 0.2s ease all;
    transform-origin: center;
  }
  .recipe-overlay-container .close-button .bar01 {
    transform: rotate(-45deg) scaleX(1);
  }
  .recipe-overlay-container .close-button .bar02 {
    transform: rotate(45deg) scaleX(1);
  }
  .recipe-overlay-container .close-button:hover .bar01 {
    transform: rotate(-35deg) scaleX(1);
  }
  .recipe-overlay-container .close-button:hover .bar02 {
    transform: rotate(35deg) scaleX(1);
  }
  .recipe-overlay-container .close-button .bar01hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .recipe-overlay-container .close-button .bar02hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .recipe-overlay-container .close-button-hidden {
    opacity: 0;
  }
  /*-------------------------------------------------*/
  /* - Polaroids Overlay
  /*-------------------------------------------------*/
  .polaroid-overlay-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    pointer-events: none;
    z-index: 1000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .polaroid-overlay-container .polaroid-overlay-bkg {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #021321;
    mix-blend-mode: multiply;
    opacity: 0.6;
    transition: 0.5s linear all;
  }
  .polaroid-overlay-container .polaroid-bkg-hidden {
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-container {
    position: relative;
    height: 40vw;
    width: 35vw;
  }
  .polaroid-overlay-container .polaroid-container .background-polaroid-01 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.2vw solid #0d426c;
    transform-origin: center;
    transform: rotate(-5deg);
    opacity: 1;
    transition: 0.2s ease-in-out all;
  }
  .polaroid-overlay-container .polaroid-container .background-polaroid-02 {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.2vw solid #0d426c;
    transform-origin: center;
    transform: rotate(7deg);
    opacity: 1;
    transition: 0.2s ease-in-out all;
  }
  .polaroid-overlay-container .polaroid-container .background-polaroid-hidden {
    transform: rotate(0deg);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-container .polaroid {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffffff;
    outline: 0.2vw solid #0d426c;
    transition: 0.4s ease-in-out all;
    transform-origin: center;
    transform: scale(1);
    opacity: 1;
  }
  .polaroid-overlay-container .polaroid-container .polaroid .polaroid-image {
    position: relative;
    height: 72%;
    width: 80%;
    margin: 12% auto 2vw auto;
    outline: 0.2vw solid #0d426c;
  }
  .polaroid-overlay-container .polaroid-container .polaroid .cta-container {
    position: relative;
    height: auto;
    width: -moz-max-content;
    width: max-content;
    padding: 0.75vw 2vw;
    display: block;
    background: #ffd100;
    outline: 0.2vw solid #ac8c00;
    border-radius: 1vw;
    margin: 0 auto;
    font-family: "Souvenir Bold";
    font-size: 24px;
    color: #0d426c;
    text-decoration: none;
  }
  .polaroid-overlay-container .polaroid-container .polaroid-hidden {
    transform: scale(1.2);
    opacity: 0;
  }
  .polaroid-overlay-container .polaroid-container .polaroid-01 .polaroid-image {
    background: url("../images/locations/HK_SPAM_Locations_Hawaii.webp") center 70%/cover;
  }
  .polaroid-overlay-container .polaroid-container .polaroid-02 .polaroid-image {
    background: url("../images/locations/HK_SPAM_Locations_Japan.webp") center 70%/cover;
  }
  .polaroid-overlay-container .polaroid-container .polaroid-03 .polaroid-image {
    background: url("../images/locations/HK_SPAM_Locations_NiagaraFalls.webp") center 70%/cover;
  }
  .polaroid-overlay-container .polaroid-container .polaroid-04 .polaroid-image {
    background: url("../images/locations/HK_SPAM_Locations_Korea.webp") center 70%/cover;
  }
  .polaroid-overlay-container .close-button {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: 1vw;
    right: 1vw;
    bottom: auto;
    left: auto;
    background: #ffd100;
    border-radius: 50%;
    outline: 0.2vw solid #ac8c00;
    cursor: pointer;
    transition: 0.2s linear all;
    opacity: 1;
  }
  .polaroid-overlay-container .close-button .bar {
    position: absolute;
    height: 0.2vw;
    width: 50%;
    top: calc(50% - 0.1vw);
    right: auto;
    bottom: auto;
    left: 25%;
    background: #ac8c00;
    transition: 0.2s ease all;
    transform-origin: center;
  }
  .polaroid-overlay-container .close-button .bar01 {
    transform: rotate(-45deg) scaleX(1);
  }
  .polaroid-overlay-container .close-button .bar02 {
    transform: rotate(45deg) scaleX(1);
  }
  .polaroid-overlay-container .close-button:hover .bar01 {
    transform: rotate(-35deg) scaleX(1);
  }
  .polaroid-overlay-container .close-button:hover .bar02 {
    transform: rotate(35deg) scaleX(1);
  }
  .polaroid-overlay-container .close-button .bar01hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .polaroid-overlay-container .close-button .bar02hidden {
    transform: rotate(0deg) scaleX(0);
  }
  .polaroid-overlay-container .close-button-hidden {
    opacity: 0;
  }
  /*-------------------------------------------------*/
  /* - Hero Grid
  /*-------------------------------------------------*/
  .hero-grid-container {
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
  }
  .hero-grid-container .vertical-container {
    position: absolute;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .hero-grid-container .vertical-container .vert-line {
    position: relative;
    height: 100%;
    width: 0.2vw;
    background: #ffaece;
  }
  .hero-grid-container .horizontal-container {
    position: relative;
    height: auto;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5vw;
    flex-wrap: nowrap;
  }
  .hero-grid-container .horizontal-container .horiz-line {
    position: relative;
    height: 0.2vw;
    width: 100%;
    background: #ffaece;
  }
  /*-------------------------------------------------*/
  /* - Kitchen
  /*-------------------------------------------------*/
  .kitchen-container {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: row;
    /* - Kitchen Left
    /*---------------------------------------------*/
  }
  .kitchen-container .left {
    position: relative;
    height: 100%;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: end;
  }
  .kitchen-container .left .window-container {
    position: absolute;
    height: 55vh;
    width: 20vw;
    top: 5vh;
    right: auto;
    bottom: auto;
    left: -2vw;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0vw 0.25vw 0px #ffedfb, inset -0.25vw -0.25vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.5vw 0.5vw 0px rgba(198, 102, 140, 0.7));
    cursor: pointer;
  }
  .kitchen-container .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, rgb(146, 221, 255) 0%, rgb(128, 181, 255) 100%);
    outline: 0.2vw solid #c6668c;
    box-shadow: 0.2vw -0.5vw 0px rgba(198, 102, 140, 0.7), 0.2vw 0.5vw 0px #fdf7f7;
  }
  .kitchen-container .left .window-container .window-pane .sunset-sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s ease all;
    background: linear-gradient(180deg, rgb(121, 174, 253) 0%, rgb(199, 138, 33) 80%, rgb(173, 54, 54) 100%);
    opacity: 0;
  }
  .kitchen-container .left .window-container .window-pane .night-sky {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    transition: 1s ease all;
    background: linear-gradient(180deg, rgb(79, 91, 255) 0%, rgb(88, 49, 125) 100%);
    opacity: 0;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star {
    position: absolute;
    height: 0.15vw;
    width: 0.15vw;
    background: #ffffff;
    border-radius: 50%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-01 {
    top: 5%;
    left: 15%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-02 {
    top: 15%;
    right: 5%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-03 {
    top: 12%;
    left: 25%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-04 {
    top: 40%;
    left: 18%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-05 {
    top: 25%;
    left: 19%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-06 {
    top: 38%;
    right: 40%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-07 {
    top: 7%;
    right: 45%;
  }
  .kitchen-container .left .window-container .window-pane .night-sky .star-08 {
    top: 42%;
    right: 5%;
  }
  .kitchen-container .left .window-container .window-pane .sun {
    position: absolute;
    height: 5vw;
    width: 5vw;
    top: 10%;
    right: 10%;
    bottom: auto;
    left: auto;
    border-radius: 50%;
    transition: 1s ease all;
    background: #ffd100;
    filter: blur(5px);
  }
  .kitchen-container .left .window-container .window-pane .moon {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: 100%;
    right: 10%;
    bottom: auto;
    left: auto;
    border-radius: 50%;
    transition: 1s ease all;
    background: #ffffff;
    opacity: 0.4;
  }
  .kitchen-container .left .window-container .window-pane .cloud {
    position: absolute;
    height: auto;
    width: auto;
    right: -45%;
    opacity: 1;
    transition: 1s ease all;
    animation: windowClouds 30s linear infinite;
  }
  .kitchen-container .left .window-container .window-pane .cloud-sunset {
    opacity: 0.6;
  }
  @keyframes windowClouds {
    0% {
      right: -45%;
    }
    100% {
      right: 100%;
    }
  }
  .kitchen-container .left .window-container .window-pane .cloud-01 {
    width: 30%;
    top: 5%;
  }
  .kitchen-container .left .window-container .window-pane .cloud-02 {
    width: 40%;
    bottom: 20%;
    animation-delay: 10s;
  }
  .kitchen-container .left .window-container .window-pane .cloud-03 {
    width: 35%;
    top: 20%;
    animation-delay: 17s;
  }
  .kitchen-container .left .window-container .window-pane .cloud-04 {
    width: 38%;
    bottom: 5%;
    animation-delay: 24s;
  }
  .kitchen-container .left .window-container .window-pane .window-vert {
    position: absolute;
    height: 100%;
    width: 1.5vw;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0.25vw 0vw 0px #ffedfb, inset -0.25vw 0vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0.3vw 0vw 0px rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .left .window-container .window-pane .window-horiz {
    position: absolute;
    height: 1.5vw;
    width: 100%;
    top: calc(50% - 0.75vw);
    right: auto;
    bottom: auto;
    left: 0;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset 0vw 0.25vw 0px #ffedfb, inset 0vw -0.25vw 0px rgba(198, 102, 140, 0.7);
    filter: drop-shadow(0vw 0.3vw 0px rgba(33, 74, 93, 0.5));
  }
  .kitchen-container .left .page-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 .left .page-logo-container .logo-container {
    position: relative;
    height: auto;
    width: 80%;
    filter: drop-shadow(0.4vw 0.3vw 0px rgba(198, 102, 140, 0.7));
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0px);
    overflow: visible;
  }
  .kitchen-container .left .page-logo-container .logo-container img {
    position: relative;
    height: auto;
    width: 100%;
    transform: rotate(-5deg);
  }
  .kitchen-container .left .counter-items-container {
    position: relative;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: space-between;
  }
  .kitchen-container .left .counter-items-container .stovetop-container {
    position: relative;
    height: auto;
    width: 50%;
    margin: 0 1vw 0 0;
    filter: drop-shadow(0.25vw 0.25vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke {
    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 .left .counter-items-container .stovetop-container .skillet-smoke .skillet-pop {
    position: relative;
    height: 1vw;
    width: 1vw;
    transition: 0.3s ease all;
    border-radius: 50%;
    background: #92ddff;
    filter: blur(3px);
    opacity: 0.6;
    transform: translateY(0vw) scale(1);
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-smoke {
    animation: popSmoke 2s ease-in-out infinite;
  }
  @keyframes popSmoke {
    0% {
      transform: translateY(0vw) scale(1);
      opacity: 0.6;
    }
    100% {
      transform: translateY(-5vw) scale(4);
      opacity: 0;
    }
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-01 {
    animation-delay: 500ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-02 {
    animation-delay: 1750ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-03 {
    animation-delay: 250ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-04 {
    animation-delay: 1250ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-05 {
    animation-delay: 0ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-06 {
    animation-delay: 1000ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-07 {
    animation-delay: 250ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-08 {
    animation-delay: 750ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-09 {
    animation-delay: 1500ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .pop-10 {
    animation-delay: 1000ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .grease-pop {
    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 .left .counter-items-container .stovetop-container .skillet-smoke .grease-popping {
    animation: greasePop 1s ease-in-out infinite;
  }
  @keyframes greasePop {
    0% {
      transform: scale(0);
      opacity: 1;
    }
    90% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .grease-01 {
    bottom: 50%;
    left: 10%;
    animation-delay: 250ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .grease-02 {
    bottom: 80%;
    right: 5%;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .grease-03 {
    bottom: 35%;
    right: 30%;
    animation-delay: 500ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .grease-04 {
    bottom: 90%;
    left: 30%;
    animation-delay: 750ms;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .spam-slice-container {
    position: absolute;
    height: 0.5vw;
    width: 3vw;
    top: auto;
    right: auto;
    bottom: 1vw;
    left: calc(50% - 1.5vw);
    transform: translateY(0vw);
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .spam-slice-container .spam-slice {
    position: relative;
    height: 100%;
    width: 100%;
    background: #c17c61;
    outline: 0.2vw solid #985e47;
    transform: rotate(0deg);
  }
  @keyframes spamSpin {
    0% {
      transform: rotate(0deg);
    }
    70% {
      transform: rotate(1440deg);
    }
    100% {
      transform: rotate(1440deg);
    }
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .spam-slice-container .spam-spin {
    animation: spamSpin 3s cubic-bezier(0, 0.87, 0.58, 1) infinite;
  }
  @keyframes spamToss {
    0% {
      transform: translateY(0vw);
    }
    70% {
      transform: translateY(-5.5vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-smoke .spam-toss {
    animation: spamToss 3s cubic-bezier(0.24, 1, 0.1, 1.2) infinite;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-container {
    position: relative;
    height: auto;
    width: 70%;
    margin: 0 0 0 5%;
  }
  .kitchen-container .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 0px #88bcd4;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-container .skillet-base {
    position: relative;
    height: auto;
    width: 80%;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-container .skillet-base svg {
    fill: #b0e5fd;
    stroke: #7197b7;
    stroke-width: 0.2vw;
    display: block;
    overflow: visible;
  }
  .kitchen-container .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);
    opacity: 1;
    transition: 0.5s ease all;
    animation: glowPulse 2s ease infinite;
    transform: translateY(0vw);
  }
  @keyframes glowPulse {
    0% {
      transform: translateY(0vw);
    }
    50% {
      transform: translateY(0.15vw);
    }
    100% {
      transform: translateY(0vw);
    }
  }
  .kitchen-container .left .counter-items-container .stovetop-container .skillet-off {
    opacity: 0;
  }
  .kitchen-container .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 0vw 0.2vw 0px #def4ff, inset -0.4vw 0vw 0px #88bcd4;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .stove-button-01 {
    right: 5%;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .stove-button-02 {
    right: 15%;
  }
  .kitchen-container .left .counter-items-container .stovetop-container .button-pressed {
    transform: translateY(0.5vw);
  }
  .kitchen-container .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 0px #88bcd4, inset 0vw 0.25vw 0px #def4ff;
  }
  .kitchen-container .left .counter-items-container .spam-stack-container {
    position: absolute;
    height: auto;
    width: 20%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 54%;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    filter: drop-shadow(1vw 0.75vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .left .counter-items-container .spam-stack-container .spam-can {
    position: relative;
    height: auto;
    width: 3.5vw;
    transform: translateX(0vw);
    transition: 0.3s ease all;
  }
  .kitchen-container .left .counter-items-container .spam-stack-container .spam-can .spam-top {
    position: relative;
    height: 0.2vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    background: #ffd100;
    outline: 0.2vw solid #0d426c;
  }
  .kitchen-container .left .counter-items-container .spam-stack-container .spam-can .spam-label {
    position: relative;
    height: -moz-max-content;
    height: max-content;
    width: 90%;
    margin: 0 auto 0.2vw auto;
    outline: 0.2vw solid #0d426c;
    background: #ffd100;
  }
  .kitchen-container .left .counter-items-container .spam-stack-container .spam-can .spam-label img {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0;
  }
  .kitchen-container .left .counter-items-container .spam-stack-container:hover .spam-can-01 {
    transform: translateX(0.1vw);
    filter: drop-shadow(0px 0px 5px #ffd100);
  }
  .kitchen-container .left .counter-items-container .spam-stack-container:hover .spam-can-02 {
    transform: translateX(-0.4vw);
    filter: drop-shadow(0px 0px 5px #ffd100);
  }
  .kitchen-container .left .counter-items-container .spam-stack-container:hover .spam-can-03 {
    transform: translateX(0.4vw);
    filter: drop-shadow(0px 0px 5px #ffd100);
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container {
    position: relative;
    height: auto;
    width: 30%;
    margin: 0 2vw 0 0;
    filter: drop-shadow(1vw 0.75vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .bean-hopper-lid {
    position: relative;
    height: 0.5vw;
    width: 50%;
    margin: 0 auto 0.2vw auto;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 0.25vw;
    box-shadow: inset 0.2vw 0.2vw 0px #fdf7f7, inset -0.2vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .bean-hopper {
    position: relative;
    height: 2.5vw;
    width: 45%;
    margin-right: auto;
    margin-left: auto;
    outline: 0.2vw solid #c6668c;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .bean-hopper .coffee-beans {
    position: absolute;
    height: 60%;
    width: 90%;
    top: auto;
    right: auto;
    bottom: 0;
    left: 5%;
    background: #806043;
    box-shadow: inset -1vw 0vw 0px #6b5139;
  }
  .kitchen-container .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 .left .counter-items-container .espresso-machine-container .hopper-shake {
    animation: hopperShake 2s ease-in-out forwards;
  }
  @keyframes hopperShake {
    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 .left .counter-items-container .espresso-machine-container .machine-top-container {
    position: relative;
    height: 5vw;
    width: 100%;
    margin: 0 0 0.2vw 0;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    border-radius: 1vw;
    box-shadow: inset 0.4vw 0.4vw 0px #fdf7f7, inset -0.4vw -0.4vw 0px #ffaece;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .button-01 {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: calc(50% - 0.5vw);
    right: auto;
    bottom: auto;
    left: 25%;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 50%;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .button-02 {
    position: absolute;
    height: 2vw;
    width: 2vw;
    top: calc(50% - 1vw);
    right: 23%;
    bottom: auto;
    left: auto;
    background: #ffaece;
    outline: 0.2vw solid #c6668c;
    border-radius: 50%;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .pour-ready {
    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: 0.3s ease all;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .pour-is-ready {
    background: lightgreen;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .button {
    filter: drop-shadow(0.25vw 0.25vw 0px #ffaece);
    cursor: pointer;
    transform: scale(1);
    transform-origin: center;
    transition: 0.1s ease all;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-top-container .button:active {
    transform: scale(0.9);
  }
  .kitchen-container .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 .left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout {
    position: relative;
    height: auto;
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    filter: drop-shadow(0.75vw 0.2vw 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .coffee-stream {
    position: absolute;
    height: 300%;
    width: 0.2vw;
    top: -220%;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.1vw);
    background: #806043;
    outline: 0.2vw solid #6b5139;
    border-radius: 0.2vw;
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .espresso-shot {
    animation: espressoShot 3s ease-in-out forwards;
  }
  @keyframes espressoShot {
    0% {
      top: -220%;
    }
    100% {
      top: 300%;
    }
  }
  .kitchen-container .left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar-01 {
    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 .left .counter-items-container .espresso-machine-container .machine-rear-container .coffee-spout .bar-02 {
    position: relative;
    height: 0.5vw;
    width: 75%;
    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 .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 .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 .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));
  }
  .kitchen-container .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 .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 .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 .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 .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 .left .counter-container .counter-base .door-01 .knob {
    right: 1vw;
  }
  .kitchen-container .left .counter-container .counter-base .door-02 .knob, .kitchen-container .left .counter-container .counter-base .door-03 .knob {
    left: 1vw;
  }
  .kitchen-container .left .counter-container .counter-base .door {
    position: relative;
    height: 90%;
    width: auto;
    flex-grow: 1;
    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 .left .counter-container .counter-base .door-01 {
    width: 20%;
    flex-grow: 0;
    border-radius: 0vw 0.25vw 0 0;
  }
  .kitchen-container {
    /* - Kitchen Right
    /*---------------------------------------------*/
  }
  .kitchen-container .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 0px rgba(198, 102, 140, 0.7));
  }
  .kitchen-container .right .broom-handle-container {
    position: absolute;
    height: 70vh;
    width: 5vw;
    top: 30vh;
    right: 0;
    bottom: auto;
    left: auto;
    overflow: hidden;
  }
  .kitchen-container .right .broom-handle {
    position: absolute;
    height: 80vh;
    width: 1vw;
    top: 1vw;
    right: 4vw;
    bottom: auto;
    left: auto;
    background: #cca988;
    border: 0.2vw solid #6b5139;
    border-radius: 0.7vw;
    transform-origin: top left;
    transform: rotate(-6deg);
    box-shadow: inset 0.3vw 1vw 0px rgba(128, 96, 67, 0.6);
  }
  .kitchen-container .right .fridge-contents-container {
    position: relative;
    height: 20%;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: end;
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container {
    position: relative;
    height: auto;
    width: 4vw;
    margin: 0 3% 0 2vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .flower-stem {
    position: relative;
    height: 3.5vw;
    width: 0.4vw;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    box-shadow: inset -0.2vw 0vw 0px #71a990;
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .pot-base {
    position: relative;
    height: 2.4vw;
    width: 100%;
    border-radius: 0.3vw;
    background: #ffedfb;
    outline: 0.2vw solid #c6668c;
    box-shadow: inset -0.6vw -0.1vw 0px #ffaece, inset 0.6vw 0.3vw 0px #fdf7f7;
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container {
    position: absolute;
    height: 4vw;
    width: 4vw;
    top: -2vw;
    right: auto;
    bottom: auto;
    left: calc(50% - 2vw);
    cursor: pointer;
    transform-origin: center;
    transform: rotate(0deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal {
    position: absolute;
    height: 50%;
    width: 50%;
    border-radius: 10% 50%;
    background: #ffffff;
    outline: 0.2vw solid #92ddff;
    transform-origin: bottom right;
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal01 {
    transform: rotate(0deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal02 {
    transform: rotate(60deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal03 {
    transform: rotate(120deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal04 {
    transform: rotate(180deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal05 {
    transform: rotate(240deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petals-container .petal06 {
    transform: rotate(300deg);
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .petal-shake {
    animation: petalShake 2s ease-out forwards;
  }
  @keyframes petalShake {
    0% {
      transform: rotate(-5deg);
    }
    5% {
      transform: rotate(5deg);
    }
    10% {
      transform: rotate(-5deg);
    }
    20% {
      transform: rotate(5deg);
    }
    30% {
      transform: rotate(-5deg);
    }
    50% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }
  .kitchen-container .right .fridge-contents-container .flower-pot-container .flower-circle {
    position: absolute;
    height: 1.5vw;
    width: 1.5vw;
    top: -0.75vw;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.75vw);
    background: #ffd100;
    border-radius: 50%;
    outline: 0.2vw solid #ac8c00;
    box-shadow: inset -0.2vw -0.2vw 0px rgba(168, 137, 0, 0.5607843137);
    pointer-events: none;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container {
    position: relative;
    height: 100%;
    width: 20%;
    margin: 0 0.6vw 0 0;
    display: flex;
    flex-direction: row;
    align-items: end;
    gap: 0.2vw;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook {
    position: relative;
    height: auto;
    width: 12.5%;
    outline: 0.2vw solid #c6668c;
    flex-grow: 1;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook .bellyband {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 25%;
    right: auto;
    bottom: auto;
    left: 0;
    background: rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook01 {
    height: 70%;
    background: #ffaece;
    box-shadow: inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook02 {
    height: 80%;
    background: #ffedfb;
    box-shadow: inset -0.4vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook03 {
    height: 75%;
    background: #ffedfb;
    box-shadow: inset -0.2vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook04 {
    height: 60%;
    background: #ffaece;
    box-shadow: inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook05 {
    height: 65%;
    background: #ffaece;
    box-shadow: inset -0.2vw -0.2vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook06 {
    height: 90%;
    background: #ffaece;
    box-shadow: inset -0.4vw -0.2vw 0px rgba(198, 102, 140, 0.7);
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook07 {
    height: 75%;
    background: #ffedfb;
    box-shadow: inset -0.4vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .right .fridge-contents-container .cookbooks-container .cookbook08 {
    height: 65%;
    background: #ffedfb;
    box-shadow: inset -0.4vw -0.2vw 0px #ffaece;
  }
  .kitchen-container .right .fridge-contents-container .toaster-container {
    position: relative;
    height: 100%;
    width: 24%;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
  }
  .kitchen-container .right .fridge-contents-container .toaster-container .bread-container {
    position: absolute;
    height: 40%;
    width: 30%;
    top: 0;
    right: auto;
    bottom: auto;
    left: 35%;
  }
  .kitchen-container .right .fridge-contents-container .toaster-container .bread-container .bread-slice {
    position: relative;
    height: 100%;
    width: 100%;
    background: #cca988;
    outline: 0.2vw solid #6b5139;
    border-radius: 1vw 1vw 0.2vw 0.2vw;
    top: 100%;
  }
  .kitchen-container .right .fridge-contents-container .toaster-container .bread-container .toast-toss {
    animation: toastToss 3s cubic-bezier(0, 0.87, 0.58, 1.2) infinite;
  }
  @keyframes toastToss {
    0% {
      top: 100%;
    }
    70% {
      top: -160%;
    }
    100% {
      top: 100%;
    }
  }
  .kitchen-container .right .fridge-contents-container .toaster-container .toaster-handle {
    position: absolute;
    height: 0.6vw;
    width: 100%;
    top: auto;
    right: auto;
    bottom: 30%;
    left: 0;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    transition: 0.2s ease all;
    border-radius: 0.2vw;
    box-shadow: inset 1vw 1vw 0px #88bcd4;
  }
  .kitchen-container .right .fridge-contents-container .toaster-container .toaster-body {
    position: relative;
    height: 60%;
    width: 85%;
    border-radius: 2vw 2vw 0 0;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    box-shadow: inset -0.6vw -0.3vw 0px #88bcd4, inset 0.6vw 0.3vw 0px #def4ff;
  }
  .kitchen-container .right .fridge-container {
    position: relative;
    height: 80%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .kitchen-container .right .fridge-container .handle {
    position: absolute;
    height: 1vw;
    width: 20%;
    left: 5%;
    background: #b0e5fd;
    outline: 0.2vw solid #7197b7;
    border-radius: 0.5vw;
    box-shadow: inset 0.3vw 0.3vw 0px #def4ff, inset -0.3vw -0.3vw 0px #88bcd4, 0.5vw 0.3vw 0px #71a990;
  }
  .kitchen-container .right .fridge-container .freezer-door {
    position: relative;
    height: 55vh;
    width: 100%;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    border-radius: 10px;
    box-shadow: inset -0.5vw -0.3vw 0px #71a990, inset 0.5vw 0.3vw 0px #d9f1e6;
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container {
    position: absolute;
    height: 8vw;
    width: 5vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 13%;
    transform-origin: center;
    transform: rotate(40deg) translateZ(0px);
    overflow: visible;
    filter: drop-shadow(0.6vw 0.1vw 0px #71a990);
    cursor: pointer;
    transform-style: preserve-3d;
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container .rear-page {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #0d426c;
    outline: 0.2vw solid #5c8777;
    transform-origin: center;
    transform: rotate(10deg);
    box-shadow: inset -0.2vw -0.2vw 0px rgba(13, 65, 108, 0.2666666667);
    transition: 0.2s ease all;
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container .front-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../images/FPO_FoldedMap.svg") center/cover;
    outline: 0.2vw solid #5c8777;
    transform-origin: center;
    transform: rotate(-10deg) scale(1);
    transition: 0.2s ease all;
    box-shadow: inset -0.2vw -0.2vw 0px rgba(33, 74, 93, 0.5);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container .rubber-band {
    position: absolute;
    height: 0.4vw;
    width: 120%;
    top: calc(50% - 0.2vw);
    right: auto;
    bottom: auto;
    left: -10%;
    background: #a42025;
    border-radius: 0.2vw;
    outline: 0.2vw solid #5c8777;
    transition: 0.2s ease all;
    transform: scaleX(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: 10%;
    right: auto;
    bottom: auto;
    left: 0%;
    background: #ffd100;
    outline: 0.2vw solid #5c8777;
    border-radius: 50%;
    box-shadow: inset -0.3vw -0.1vw 0px rgba(168, 137, 0, 0.5607843137), 0.3vw 0.1vw 0px 0.1vw rgba(33, 74, 93, 0.5);
    transition: 0.2s ease all;
    transform: scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container:hover .rear-page {
    transform: rotate(15deg) scale(1.05);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container:hover .front-page {
    transform: rotate(-15deg) scale(1.05);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container:hover .rubber-band {
    transform: scaleX(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .world-map-container:hover .magnet {
    transform: scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container {
    position: absolute;
    height: 5.5vw;
    width: 5vw;
    cursor: pointer;
    transform-origin: center;
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container .polaroid-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    background: #ffffff;
    outline: 0.2vw solid #5c8777;
    padding: 10% 0 0 0;
    transition: 0.2s ease all;
    transform: scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container .polaroid-wrapper .image-container {
    position: relative;
    height: 80%;
    width: 80%;
    outline: 0.2vw solid #5c8777;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: -0.3vw;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    outline: 0.2vw solid #5c8777;
    transition: 0.2s ease all;
    transform: translateY(0vw) scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container:hover .polaroid-wrapper {
    transform: scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container:hover .magnet {
    transform: translateY(-0.3vw) scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-01 {
    top: 12%;
    right: auto;
    bottom: auto;
    left: 32%;
    transform: rotate(-10deg) translateZ(0px);
    filter: drop-shadow(0.2vw 0.3vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-01 .image-container {
    background: url("../images/locations/HK_SPAM_Locations_Hawaii.webp") center 65%/cover;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-01 .magnet {
    background: #ff4747;
    box-shadow: inset -0.15vw -0.2vw 0px #a42025;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-02 {
    top: 10%;
    right: auto;
    bottom: auto;
    left: 70%;
    transform: rotate(-24deg) translateZ(0px);
    filter: drop-shadow(0.2vw 0.4vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-02 .image-container {
    background: url("../images/locations/HK_SPAM_Locations_Japan.webp") center 65%/cover;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-02 .magnet {
    background: #ff4747;
    box-shadow: inset -0.15vw -0.3vw 0px #a42025;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-03 {
    top: 55%;
    right: auto;
    bottom: auto;
    left: 7%;
    transform: rotate(-14deg) translateZ(0px);
    filter: drop-shadow(0.2vw 0.4vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-03 .image-container {
    background: url("../images/locations/HK_SPAM_Locations_NiagaraFalls.webp") center 65%/cover;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-03 .magnet {
    background: #ffd100;
    box-shadow: inset -0.2vw -0.3vw 0px rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-04 {
    top: 64%;
    right: auto;
    bottom: auto;
    left: 42%;
    transform: rotate(22deg) translateZ(0px);
    filter: drop-shadow(0.3vw 0.2vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-04 .image-container {
    background: url("../images/locations/HK_SPAM_Locations_Korea.webp") center 65%/cover;
  }
  .kitchen-container .right .fridge-container .freezer-door .polaroid-container-04 .magnet {
    background: #ff4747;
    box-shadow: inset -0.3vw -0.2vw 0px #a42025;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container {
    position: absolute;
    height: auto;
    width: 8vw;
    cursor: pointer;
    transform-origin: center;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container .postcard-wrapper {
    position: relative;
    height: -moz-max-content;
    height: max-content;
    width: 100%;
    overflow: hidden;
    border-radius: 0.5vw;
    outline: 0.2vw solid #5c8777;
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #ffffff;
    transition: 0.2s ease all;
    transform: scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container .postcard-wrapper img {
    position: relative;
    height: auto;
    width: 100%;
    display: block;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: -0.3vw;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    outline: 0.2vw solid #5c8777;
    transition: 0.2s ease all;
    transform: translateY(0vw) scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container:hover .postcard-wrapper {
    transform: scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container:hover .magnet {
    transform: translateY(-0.3vw) scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-01 {
    top: 18%;
    right: auto;
    bottom: auto;
    left: 49%;
    transform: rotate(14deg) translateZ(0px);
    filter: drop-shadow(0.3vw 0.2vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-01 .magnet {
    background: #92ddff;
    box-shadow: inset -0.25vw -0.1vw 0px #32a2d6;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-02 {
    top: 46%;
    right: auto;
    bottom: auto;
    left: 22%;
    transform: rotate(3deg) translateZ(0px);
    filter: drop-shadow(0.2vw 0.3vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-02 .magnet {
    background: #92ddff;
    box-shadow: inset -0.2vw -0.2vw 0px #32a2d6;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-03 {
    top: 51%;
    right: auto;
    bottom: auto;
    left: 57%;
    transform: rotate(-18deg) translateZ(0px);
    filter: drop-shadow(0.2vw 0.3vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-03 .magnet {
    background: #ffd100;
    box-shadow: inset -0.2vw -0.3vw 0px rgba(168, 137, 0, 0.5607843137);
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-04 {
    top: 68%;
    right: auto;
    bottom: auto;
    left: 78%;
    transform: rotate(25deg) translateZ(0px);
    filter: drop-shadow(0.3vw 0.2vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .postcard-container-04 .magnet {
    background: #92ddff;
    box-shadow: inset -0.25vw -0.1vw 0px #32a2d6;
  }
  .kitchen-container .right .fridge-container .freezer-door .passport-container {
    position: absolute;
    height: auto;
    width: 5vw;
    top: 37%;
    right: auto;
    bottom: auto;
    left: 82%;
    cursor: pointer;
    transform-origin: center;
    transform: rotate(18deg) translateZ(0px);
    filter: drop-shadow(0.35vw 0.25vw 0px #71a990);
    transform-style: preserve-3d;
    overflow: visible;
  }
  .kitchen-container .right .fridge-container .freezer-door .passport-container .passport-cover {
    position: relative;
    height: auto;
    width: 100%;
    background: #0d426c;
    outline: 0.2vw solid #5c8777;
    transition: 0.2s ease all;
    transform: scale(1);
  }
  .kitchen-container .right .fridge-container .freezer-door .passport-container .magnet {
    position: absolute;
    height: 1vw;
    width: 1vw;
    top: -0.6vw;
    right: auto;
    bottom: auto;
    left: calc(50% - 0.5vw);
    border-radius: 50%;
    outline: 0.2vw solid #5c8777;
    transition: 0.2s ease all;
    transform: translateY(0vw) scale(1);
    background: #92ddff;
    box-shadow: inset -0.25vw -0.1vw 0px #32a2d6;
  }
  .kitchen-container .right .fridge-container .freezer-door .passport-container:hover .passport-cover {
    transform: scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .passport-container:hover .magnet {
    transform: translateY(-0.3vw) scale(1.1);
  }
  .kitchen-container .right .fridge-container .freezer-door .freezer-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 .right .fridge-container .freezer-door .freezer-glint-container .glint-01 {
    position: relative;
    height: 1vw;
    width: 1vw;
    border-radius: 50%;
    background: #d9f1e6;
  }
  .kitchen-container .right .fridge-container .freezer-door .freezer-glint-container .glint-02 {
    position: relative;
    height: auto;
    width: 1vw;
    border-radius: 0.5vw;
    background: #d9f1e6;
    flex-grow: 1;
  }
  .kitchen-container .right .fridge-container .freezer-door .handle {
    bottom: 5vh;
  }
  .kitchen-container .right .fridge-container .fridge-gap {
    position: relative;
    height: 10px;
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    background: #5c8777;
  }
  .kitchen-container .right .fridge-container .fridge-door {
    position: relative;
    height: auto;
    width: 100%;
    flex-grow: 1;
    background: #abdbc5;
    outline: 0.2vw solid #5c8777;
    border-radius: 10px 10px 0 0;
    box-shadow: inset -0.5vw 0vw 0px #71a990, inset 0.5vw 0vw 0px #d9f1e6;
  }
  .kitchen-container .right .fridge-container .fridge-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
  /*-------------------------------------------------*/
  /* - Page Settings
  /*---------------------------------------------*/
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
  }
  html::-webkit-scrollbar {
    width: 0px;
  }
  .page-container {
    position: relative;
    height: auto;
    width: 100%;
  }
  .desktop-element, .tablet-element {
    display: none;
  }
  /*-------------------------------------------------*/
  /* - Typography
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Header / Nav
  /*-------------------------------------------------*/
  /*-------------------------------------------------*/
  /* - Hero Section
  /*-------------------------------------------------*/
}/*# sourceMappingURL=styles.css.map */