:root{font-family:Comic Relief,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffa0f2;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}header{padding:0 1em;margin:0;position:sticky;top:0;background-color:#ffa0f2;box-shadow:2px 0 5px #282828;font:"Rubik Mono One",sans-serif;z-index:1000}nav{margin:0;font-size:1.5em;display:flex;justify-content:space-between;color:#1a1a1a}ul{margin:0;padding:0;list-style:none;display:flex;align-items:stretch}li{padding:0;margin:0;text-align:center}li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:.5em;color:inherit;text-decoration:none;transition:color .3s linear;font-family:Rubik Mono One}@media screen and (max-width:740px){li a{font-size:16px}}@keyframes hover{0%{color:#fff943}33%{color:#fd6c6d}67%{color:#5fe7ff}to{color:#fff943}}li a:hover{color:#fff943;animation:hover 2s .3s infinite linear forwards}#logo{width:130px;height:90px;padding-top:1rem;object-fit:cover}@media screen and (max-width:430px){li a{font-size:10px}#logo{width:100px;height:70px;padding-top:1rem;object-fit:cover}}.scrollingContainer{color:#fdf2f8;background-color:#1a1a1a;font-family:Rubik Mono One,sans-serif;font-size:1.5em;width:100%;height:100px;line-height:100px;overflow:hidden;display:block}.scrollingText{display:inline-block;overflow:hidden;white-space:nowrap;padding-left:-300%;animation:scrollText 15s infinite both linear reverse,hover 2s .3s infinite linear forwards}@keyframes scrollText{0%{transform:translate(-100%)}to{transform:translate(150%)}}#gallery{margin:0;padding:0;overflow:hidden;display:grid;grid-template-areas:"text images";grid-template-columns:1fr 1fr;height:90vh}.greeting-text{text-align:center;font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:left;grid-area:text;margin-left:10%;margin-right:0%;text-align:left}.greeting-text p{text-align:left}.galleryImages{display:block;justify-self:right;width:100%;height:90vh;clip-path:circle(85% at right);object-fit:cover}@media screen and (max-width:1250px){.greeting-text p{font-size:.5em}.greeting-text h1{font-size:1.5em}}@media screen and (max-width:1300px){#gallery,.galleryImages{height:75vh}.galleryImages{object-position:0 15%}}@media screen and (max-width:1075px){#gallery{grid-template-areas:"images" "text";grid-template-columns:1fr;grid-template-rows:1fr 1fr;height:90vh}.greeting-text{margin-right:10%;text-align:center;position:relative;top:-45%;z-index:1}.greeting-text p{text-align:center}.galleryImages{clip-path:circle(70% at top);height:65vh;position:relative;top:-25%;z-index:2}}@media screen and (max-width:840px){.galleryImages{clip-path:circle(69% at top);height:50vh;top:-25%;position:relative}.greeting-text{margin-right:10%;text-align:center;position:relative;top:-30%}}@media screen and (max-width:700px){.galleryImages{clip-path:circle(79% at top);height:50vh;top:-20%;position:relative}.greeting-text{margin-right:10%;text-align:center;position:relative;top:-30%}.greeting-text h1{font-size:1.5em}}@media screen and (max-width:430px){.galleryImages{clip-path:circle(80% at top);height:50vh;top:-20%;position:relative;object-position:0% 0%}.greeting-text{margin-right:10%;text-align:center;position:relative;top:-40%}.greeting-text h1{font-size:.75em}.greeting-text p{font-size:.35em}}#pricing{--bg: #ffc0e6;--ink: #111;--rule: rgba(0,0,0,.08);padding:4rem 1rem}#pricing table{width:min(900px,100%);margin-inline:auto;table-layout:fixed;border-collapse:separate;border-spacing:0;background:transparent;font-size:1.25rem;margin-bottom:.83em}#pricing th,#pricing td{padding:.75em;text-align:left;white-space:nowrap;width:33.33%}#pricing thead th{font-weight:800;font-size:1.25rem}#pricing td:first-child{font-variant-numeric:tabular-nums}#pricing tbody tr+tr td{border-top:1px solid var(--rule)}@media screen and (max-width:1000px){#pricing th,#pricing td{width:auto}#pricing th:first-child,#pricing td:first-child{width:20%}#pricing th,#pricing td{text-align:center}}@media screen and (max-width:650px){#pricing table{display:block;overflow-x:auto}#pricing th,#pricing td{padding:.5em}}@media screen and (max-width:430px){#pricing thead th,#pricing tbody{font-weight:800;font-size:.75rem}#pricing{--bg: #ffc0e6;--ink: #111;--rule: rgba(0,0,0,.08);padding:2rem 1rem}}#contact{font-size:1.25rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"contact hours social";gap:1em}#contact p{font-size:1.25rem;text-align:center}.contactInfo,.openHours,.social{box-shadow:0 4px 8px #0003;border-radius:20px}.contactInfo{grid-area:contact;background-color:#fff943}#address,#phoneNumber{text-decoration:underline!important}#phoneNumber{word-spacing:0rem}#contact a{font-size:1.25rem;margin:1.5rem;text-align:center;text-decoration:none;color:#000;transition:color .3s linear;display:block}#contact a:hover{color:#a9a9a9;transition:background-color .25s ease-in in .1s}.openHours{background-color:#fd6c6d;display:flex;flex-direction:column;padding-bottom:1em}.openHours table{margin:auto;width:100%;grid-area:hours}.openHours tr:nth-child(1){width:40%}.openHours td{text-align:center}.social{line-height:1.2;grid-area:social;background-color:#5fe7ff}@media screen and (min-width:831px){.smallScreenText{display:none}}@media screen and (max-width:830px)and (min-width:430px){#contact{grid-template-areas:"smallText hours";grid-template-columns:1fr 1fr}.smallScreenText{grid-area:smallText;display:flex;flex-direction:column;gap:1em;height:100%;margin:0}.desktopScreen{display:none}}@media screen and (max-width:430px){.smallScreenText{display:none}#contact{grid-template-areas:"contact" "hours" "social";grid-template-columns:1fr}}#about-us{width:100%}#about-us .content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:2rem 1rem;color:inherit;max-width:100%}.gridRow:nth-child(3n+1){background-color:#fff943}.gridRow:nth-child(3n+2){background-color:#fd6c6d}.gridRow:nth-child(3n+3){background-color:#5fe7ff}.gridRow{box-shadow:0 4px 8px #0003,0 6px 20px #0000001a}.gridLeft{display:grid;margin-top:40px;place-items:center;grid-template-areas:"img text";grid-template-columns:1fr 2fr}.gridRight{display:grid;margin-top:40px;place-items:center;grid-template-areas:"text img";grid-template-columns:2fr 1fr}.aboutImg{margin:auto;object-fit:fill;grid-area:img;width:90%;height:90%;box-shadow:0 4px 8px #0003,0 6px 20px #0000001a}.gridText{grid-area:text;padding:4em}.gridText p:first-child{font-size:1.5rem;font-weight:700}@media screen and (max-width:1400px){.gridLeft,.gridRight{grid-template-columns:1fr 1fr}}@media screen and (max-width:1140px){.gridLeft,.gridRight{grid-template-columns:1fr 1fr}.gridText{padding:2em}.gridText p~p{font-size:1rem}}@media screen and (max-width:900px){.gridLeft,.gridRight{grid-template-columns:1fr 1fr}.gridText{padding:1em 2em}.gridText p~p{font-size:1rem}}@media screen and (max-width:830px){.gridLeft{grid-template-areas:"text" "img";grid-template-columns:1fr}.gridRight{grid-template-columns:1fr;grid-template-areas:"text" "img"}.gridText{padding:2em 2em 0}.gridText p~p{font-size:1rem}.aboutImg{width:80%;height:80%;padding:0}}.content p{font-size:1.25rem;text-align:center}@media screen and (max-width:430px){.content p{font-size:1rem;text-align:center}.gridLeft{grid-template-areas:"text" "img";grid-template-columns:1fr}.gridRight{grid-template-columns:1fr;grid-template-areas:"text" "img"}.gridText{padding:2em 2em 0}.gridText p:first-child{font-size:1rem;font-weight:700}.gridText p~p{font-size:.75rem}.aboutImg{width:80%;height:80%;padding:0}}#clawMachine{margin:auto;position:relative;height:600px}#cover{width:60%;height:250px;position:absolute;z-index:2;left:20%;top:45%;object-fit:fill}#currentItem{display:block;margin:auto;width:140px;height:150px;position:relative}#currentItem img{display:block;width:95%;height:95%;margin:auto;padding:15px;object-fit:fill}#claw{width:70%;height:300px;margin:auto auto 25px;position:relative}.clawPart{width:75px;height:15px;margin:4px;background-color:#000;position:absolute}#leftHook{top:142px;left:calc(50% - 90px)}#leftHandle{top:100px;left:calc(50% - 90px)}#rightHook{top:142px;left:calc(50% + 8px)}#rightHandle{top:100px;left:calc(50% + 8px)}#connector{width:70px;height:25px;background-color:#000;position:absolute;top:75px;left:calc(50% - 35px)}#string{width:16px;height:75px;background-color:#000;position:absolute;top:0;left:calc(50% - 8px)}@media screen and (max-width:430px){#clawMachine{margin:auto;position:relative;height:300px}#cover{width:60%;height:125px;position:absolute;z-index:2;left:20%;top:45%;object-fit:fill}#currentItem{display:block;margin:auto;width:75px;height:75px;position:relative}#currentItem img{display:block;width:95%;height:95%;margin:auto;padding:15px;object-fit:fill}#claw{width:70%;height:150px;margin:auto auto 25px;position:relative}.clawPart{width:38px;height:8px;margin:4px;background-color:#000;position:absolute}#leftHook{top:72px;left:calc(50% - 45px)}#leftHandle{top:51px;left:calc(50% - 45px)}#rightHook{top:72px;left:calc(50% + 8px)}#rightHandle{top:51px;left:calc(50% + 8px)}#connector{width:38px;height:13px;background-color:#000;position:absolute;top:38px;left:calc(50% - 14px)}#string{width:8px;height:38px;background-color:#000;position:absolute;top:0;left:50%}}.idleAnimation{animation:idleAnimation 2s infinite linear forwards}.idleAnimationLeft{animation:idleAnimationLeft 2s infinite linear both}.idleAnimationRight{animation:idleAnimationRight 2s infinite linear both}@keyframes idleAnimation{0%{transform:translate(0)}25%{transform:translate(-150px)}75%{transform:translate(150px)}to{transform:translate(0)}}@keyframes idleAnimationLeft{0%{transform:translate(0) rotate(-45deg)}25%{transform:translate(-150px) rotate(-45deg)}75%{transform:translate(150px) rotate(-45deg)}to{transform:translate(0) rotate(-45deg)}}@keyframes idleAnimationRight{0%{transform:translate(0) rotate(45deg)}25%{transform:translate(-150px) rotate(45deg)}75%{transform:translate(150px) rotate(45deg)}to{transform:translate(0) rotate(45deg)}}@media screen and (max-width:430px){@keyframes idleAnimation{0%{transform:translate(0)}25%{transform:translate(-75px)}75%{transform:translate(75px)}to{transform:translate(0)}}@keyframes idleAnimationLeft{0%{transform:translate(0) rotate(-45deg)}25%{transform:translate(-75px) rotate(-45deg)}75%{transform:translate(75px) rotate(-45deg)}to{transform:translate(0) rotate(-45deg)}}@keyframes idleAnimationRight{0%{transform:translate(0) rotate(45deg)}25%{transform:translate(-75px) rotate(45deg)}75%{transform:translate(75px) rotate(45deg)}to{transform:translate(0) rotate(45deg)}}}.grabAnimationString{animation:extend 2s linear both}.grabAnimationConnector{animation:connectorMove 2s linear both}.grabAnimationHookLeft{animation:grabHookLeft 2s linear both}.grabAnimationHookRight{animation:grabHookRight 2s linear both}.grabAnimationHandleLeft{animation:grabHandleLeft 2s linear both}.grabAnimationHandleRight{animation:grabHandleRight 2s linear both}@keyframes connectorMove{0%{top:75px}50%{top:315px}to{top:75px}}@keyframes extend{0%{height:80px}50%{height:320px}to{height:80px}}@keyframes grabHookLeft{0%{transform:rotate(90deg);top:117px;left:calc(50% - 120px)}50%{transform:rotate(90deg);top:357px;left:calc(50% - 120px)}to{transform:rotate(90deg);top:117px;left:calc(50% - 120px)}}@keyframes grabHookRight{0%{transform:rotate(-90deg);top:117px;left:calc(50% + 38px)}50%{transform:rotate(-90deg);top:357px;left:calc(50% + 38px)}to{transform:rotate(-90deg);top:117px;left:calc(50% + 38px)}}@keyframes grabHandleLeft{0%{transform:rotate(0);top:75px;left:calc(50% - 90px)}50%{transform:rotate(0);top:315px;left:calc(50% - 90px)}to{transform:rotate(0);top:75px;left:calc(50% - 90px)}}@keyframes grabHandleRight{0%{transform:rotate(0);top:75px;left:calc(50% + 8px)}50%{transform:rotate(0);top:315px;left:calc(50% + 8px)}to{transform:rotate(0);top:75px;left:calc(50% + 8px)}}@media screen and (max-width:430px){@keyframes connectorMove{0%{top:38px}50%{top:158px}to{top:38px}}@keyframes extend{0%{height:40px}50%{height:160px}to{height:40px}}@keyframes grabHookLeft{0%{transform:rotate(90deg);top:59px;left:calc(50% - 60px)}50%{transform:rotate(90deg);top:179px;left:calc(50% - 60px)}to{transform:rotate(90deg);top:59px;left:calc(50% - 60px)}}@keyframes grabHookRight{0%{transform:rotate(-90deg);top:59px;left:calc(50% + 23px)}50%{transform:rotate(-90deg);top:179px;left:calc(50% + 23px)}to{transform:rotate(-90deg);top:59px;left:calc(50% + 23px)}}@keyframes grabHandleLeft{0%{transform:rotate(0);top:38px;left:calc(50% - 45px)}50%{transform:rotate(0);top:158px;left:calc(50% - 45px)}to{transform:rotate(0);top:38px;left:calc(50% - 45px)}}@keyframes grabHandleRight{0%{transform:rotate(0);top:38px;left:calc(50% + 8px)}50%{transform:rotate(0);top:158px;left:calc(50% + 8px)}to{transform:rotate(0);top:38px;left:calc(50% + 8px)}}}.grabAnimationImage{animation:grabImage 1s 1s linear both}@keyframes grabImage{0%{transform:translateY(0)}to{transform:translateY(-240px)}}@media screen and (max-width:430px){@keyframes grabImage{0%{transform:translateY(0)}to{transform:translateY(-120px)}}}.blockDropImage{animation:dropImage .25s 1.5s ease-in both}@keyframes dropImage{0%{transform:translateY(-240px)}to{transform:translateY(0)}}@media screen and (max-width:430px){@keyframes dropImage{0%{transform:translateY(-120px)}to{transform:translateY(0)}}}.openHookLeft{animation:openHookLeft .5s linear both}.openHandleLeft{animation:openHandleLeft .5s linear both}.openHookRight{animation:openHookRight .5s linear both}.openHandleRight{animation:openHandleRight .5s linear both}@keyframes openHookLeft{0%{transform:rotate(45deg);top:142px;left:calc(50% - 90px)}to{transform:rotate(90deg);top:117px;left:calc(50% - 120px)}}@keyframes openHandleLeft{0%{transform:rotate(-45deg);top:100px;left:calc(50% - 90px)}to{transform:rotate(0);top:75px;left:calc(50% - 90px)}}@keyframes openHookRight{0%{transform:rotate(-45deg);top:142px;left:calc(50% + 8px)}to{transform:rotate(-90deg);top:117px;left:calc(50% + 38px)}}@keyframes openHandleRight{0%{transform:rotate(45deg);top:100px;left:calc(50% + 8px)}to{transform:rotate(0);top:75px;left:calc(50% + 8px)}}@media screen and (max-width:430px){@keyframes openHookLeft{0%{transform:rotate(45deg);top:72px;left:calc(50% - 45px)}to{transform:rotate(90deg);top:59px;left:calc(50% - 60px)}}@keyframes openHandleLeft{0%{transform:rotate(-45deg);top:51px;left:calc(50% - 45px)}to{transform:rotate(0);top:38px;left:calc(50% - 45px)}}@keyframes openHookRight{0%{transform:rotate(-45deg);top:72px;left:calc(50% + 8px)}to{transform:rotate(-90deg);top:59px;left:calc(50% + 23px)}}@keyframes openHandleRight{0%{transform:rotate(45deg);top:51px;left:calc(50% + 8px)}to{transform:rotate(0);top:38px;left:calc(50% + 8px)}}}.closeHookLeft{animation:openHookLeft .25s linear forwards reverse}.closeHandleLeft{animation:openHandleLeft .25s linear forwards reverse}.closeHookRight{animation:openHookRight .25s linear forwards reverse}.closeHandleRight{animation:openHandleRight .25s linear forwards reverse}#bar{display:grid;grid-template-areas:"rest img";grid-template-columns:1fr 1fr;place-items:center}#leftSide{grid-area:"rest";margin-top:-5%;padding:1em}#leftSide p{font-size:1.5rem}@keyframes border{0%{border-color:#fff943}33%{border-color:#fd6c6d}67%{border-color:#5fe7ff}to{border-color:#fff943}}#leftSide button{color:#000;font-family:inherit;font-size:1rem;background-color:#fdf2f8;width:50%;height:50px;border-radius:999em;transition:color .3s linear;border:5px groove;animation:border 2s infinite ease-in-out forwards}#leftSide button:hover{color:#fff943;animation:hover 2s .3s infinite ease-in-out forwards}#rightSide{background-color:#fff;margin:auto;object-fit:fill;grid-area:img;width:95%;height:95%;box-shadow:0 4px 8px #0003,0 6px 20px #0000001a}@media screen and (max-width:1000px){#bar{display:grid;grid-template-areas:"img" "rest";grid-template-columns:1fr;place-items:center}#leftSide{margin:auto}}@media screen and (max-width:430px){#leftSide p{font-size:1rem;text-align:center}#leftSide button{width:70%;font-size:.75rem;margin:0 15%}}#inventory section:nth-child(2n){background-color:#ffc0e6}.inventory-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1em;margin-bottom:40px;margin-top:40px;place-items:center}#inventory p{text-align:center}@media screen and (max-width:1610px){.inventory-list{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width:1290px){.inventory-list{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:980px){.inventory-list{grid-template-columns:1fr 1fr}}@media screen and (max-width:660px){.inventory-list{grid-template-columns:1fr}}.itemContainer{width:300px;height:425px;display:flex;flex-direction:column;align-items:center;border-radius:25px;font-size:1.25rem;font-weight:700;box-shadow:0 4px 8px #0003}.itemContainer:nth-child(3n+1){background-color:#fff943}.itemContainer:nth-child(3n+2){background-color:#fd6c6d}.itemContainer:nth-child(3n+3){background-color:#5fe7ff}.imageBackground{display:block;width:80%;height:50%;margin-top:10%;padding-top:0;background-color:#fff;box-shadow:0 4px 8px #0003,0 6px 20px #0000001a}.imageBackground img{display:block;width:95%;height:95%;margin:auto;object-fit:contain;background-color:#fff}.itemText p{margin:auto;padding:5px}.itemText p~p{font-size:1rem}.name{font-size:1.25rem;flex-shrink:2;margin-bottom:0}.points{flex-shrink:2}.stock{font-size:1.25rem;width:80%;height:50px;line-height:250%;text-align:center;background-color:#f5f5f5;border-radius:999em;box-shadow:0 4px 8px #0003}h2{text-align:center}main{background-color:#fff;color:#1a1a1a;margin:0}h2,a,button{font-weight:700}p{font-size:1.25rem}section{padding:1em;margin:0}#home section:nth-child(2n){background-color:#ffc0e6}
