@import"https://fonts.googleapis.com/css2?family=Mynerve&display=swap";@import"https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap";*{box-sizing:border-box;color:#232323;transition:all .3s ease-in-out}body{background-color:#ffdc59;margin:0}header .container{max-width:1280px;margin:0 auto;width:100%;padding:0 20px}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}header{font-family:Yusei Magic,sans-serif;font-weight:400;font-size:20px;position:relative;z-index:1;width:100%;padding:20px 0}header .container{display:flex;align-items:center;justify-content:space-between;gap:20px}header .header-part{display:flex;gap:12px}header .header-item,header .header-item:visited{padding:10px 20px;color:#232323;font-weight:700;text-align:center;text-decoration:none;font-family:Yusei Magic,sans-serif}header .header-item:focus-visible{outline:2px solid #232323;outline-offset:2px}header .header-item.featured{border:2px solid #232323;border-radius:16px;background-color:#fad431}header .header-item.standard{border:none;background-color:transparent}header .header-logo{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;margin-right:8px}header .header-logo img{width:24px;height:24px;transition:all .3s ease-in-out}header.header-logo:hover img{transform:scale(1.1)}header .header-logo:focus-visible{outline:2px solid #232323;outline-offset:2px;border-radius:4px}@media (max-width: 1025px){header{font-size:16px}header .header-item{padding:8px 12px}}@media (max-width: 769px){header{font-size:16px}header .header-item{padding:12px}}@media (max-width: 480px){header{font-size:14px}header .header-part{gap:6px}header .header-item{padding:4px 8px;border-radius:8px}}@media (max-width: 376px){header{padding:20px 0}header .header-item{padding:2px 4px!important}}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-in-out}#about-page .parallax{will-change:transform;transition:transform .1s ease-out}#about-page .sun{position:fixed;top:14vh;left:60%;min-width:80px;width:10vw;height:auto;pointer-events:none}#about-page .clouds{position:fixed;top:20vh;left:-10%;min-width:1000px;width:120%;height:auto;pointer-events:none}#about-page .sea{position:fixed;bottom:6%;left:-10%;transform:translate(-50%);min-width:1200px;width:120%;height:auto;pointer-events:none;will-change:transform,opacity;transition:transform .3s ease-out,opacity .3s ease-out;z-index:3}#about-page .raccoon-in-boat{position:fixed;bottom:15%;left:22%;transform:translate(-50%);width:36%;max-width:360px;height:auto;pointer-events:none;will-change:transform,opacity;transition:opacity .2s ease-out;z-index:4;transform-origin:center bottom}#about-page .flower-pot-1{position:fixed;bottom:-15%;left:0%;transform:translate(-50%);width:25%;max-width:280px;height:auto;pointer-events:none;will-change:transform,opacity;transition:opacity .2s ease-out;z-index:5}#about-page .umbrella{position:fixed;right:12%;bottom:-4%;transform:translate(-50%);width:46%;max-width:360px;height:auto;pointer-events:none;will-change:transform,opacity;transition:opacity .2s ease-out;z-index:4}#about-page .cafe-building{position:fixed;left:80%;bottom:0%;width:70%;max-width:620px;height:auto;z-index:4;transition:opacity .2s ease-out}#about-page .raccoon-standing{position:fixed;bottom:-10%;right:10%;width:30%;max-width:240px;height:auto;z-index:13;transition:opacity .2s ease-out}#about-page .floor{position:fixed;top:89%;left:-50%;transform:translate(50%);min-width:800px;width:150%;height:auto;z-index:4;transition:opacity .2s ease-out}@keyframes float{0%{transform:translateY(0) translate(-50%)}50%{transform:translateY(-10px) translate(-50%)}to{transform:translateY(0) translate(-50%)}}#about-page .about-items{position:relative;z-index:5}#about-page .about-content{position:relative;font-family:Mynerve,cursive;font-size:36px;text-align:left;line-height:1.4;margin:0 auto;max-width:1280px;padding:20% 20px 40%;z-index:6}#about-page h1{margin:0 auto;font-size:48px;text-align:center}#about-page p{margin-bottom:16px}@media (max-width: 1200px){#about-page .about-content{padding-top:20%;padding-bottom:55%}}@media (max-width: 800px){#about-page .cafe-building{left:72%}#about-page .about-content{padding-top:40%;padding-bottom:85%;font-size:32px}}@media (max-width: 420px){#about-page .about-content{padding-top:55%;padding-bottom:90%;font-size:28px}}#contact-page .contact-safe-area{position:fixed;max-width:1280px;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}#contact-page .contact-content{font-family:Mynerve,cursive;font-size:36px;line-height:1.4;text-align:center;padding:20px;width:100%}#contact-page .raccoon-contact-us{position:fixed;bottom:-15%;right:-32%;width:80%;max-width:380px;height:auto;z-index:12;pointer-events:none}@media (max-width: 1200px){#contact-page .contact-content{font-size:34px}#contact-page .raccoon-contact-us{right:-40%;bottom:-5%}}@media (max-width: 800px){#contact-page .contact-content{font-size:32px}#contact-page .raccoon-contact-us{right:-36%}}@media (max-width: 480px){#contact-page .contact-content{font-size:28px}#contact-page .raccoon-contact-us{right:-24%;bottom:-10%}}#home-page{position:fixed;top:0;left:0;width:100%;height:100%}#home-page .home-safe-area{position:fixed;max-width:1360px;width:100%;height:100%;left:50%;transform:translate(-50%);z-index:9}#home-page .home-content{font-family:Mynerve,cursive;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;border-radius:40px;margin:0 auto;position:fixed;max-width:520px;transform:translate(-50%);z-index:1;color:#232323;width:80%;top:8%;left:40%;max-width:600px;font-size:40px;font-weight:600}#home-page .home-logo{width:100%;height:auto}#home-page .floor{position:fixed;top:92%;left:50%;transform:translate(-50%);min-width:800px;width:120%;height:auto;z-index:0}#home-page .raccoon-sitting-table-1{position:fixed;bottom:1%;left:12%;width:37%;max-width:300px;height:auto;z-index:14}#home-page .raccoon-sitting-table-3{position:fixed;bottom:1%;right:10%;width:34%;max-width:260px;height:auto;z-index:14}#home-page .raccoon-standing{position:fixed;bottom:12%;right:0%;width:30%;max-width:210px;height:auto;z-index:13}#home-page .raccoon-in-hamaq{position:fixed;bottom:18%;left:-3%;width:36%;max-width:280px;height:auto;z-index:12}#home-page .raccoon-sitting-table-2{position:fixed;bottom:17%;left:50%;transform:translate(-50%);width:30%;max-width:200px;height:auto;z-index:12}#home-page .sea{position:fixed;bottom:24%;left:50%;transform:translate(-50%);min-width:800px;width:120%;height:auto;z-index:0}#home-page .cafe-building{position:fixed;left:83%;bottom:18%;width:70%;max-width:720px;height:auto;z-index:1}#home-page .umbrella{position:fixed;right:22%;bottom:20%;width:40%;max-width:280px;height:auto;z-index:2}#home-page .sun{position:fixed;top:10%;left:60%;min-width:60px;width:8%;height:auto;pointer-events:none}#home-page .clouds{position:fixed;top:12%;left:50%;transform:translate(-50%);min-width:700px;width:120%;height:auto;pointer-events:none}@media (max-width: 1280px){#home-page .cafe-building{width:60%;left:70%}#home-page .home-content{top:10%;width:50%;font-size:36px}}@media (max-width: 800px){#home-page .cafe-building{width:80%;left:74%}#home-page .home-content{top:10%;left:50%;transform:translate(-50%);width:60%;font-size:32px}}@media (max-width: 480px){#home-page .home-content{top:14%;left:50%;transform:translate(-50%);width:90%;font-size:28px}}@media (max-height: 480px){#home-page .home-content{background:#ffdc5a;z-index:20}}