@import url(https://fonts.googleapis.com/css2?family=Young+Serif&display=swap);@import url(https://fonts.googleapis.com/css2?family=Coiny&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);body{margin:0;overflow:visible}.header,body{background-color:#361a0c}.header{position:relative}.header__container{justify-content:space-between;padding:1rem 20%}.header__container,.header__left,.header__nav,.header__right{align-items:center;display:flex}.header__company-name{color:#fff;font-size:1.5rem;font-weight:700}.header__nav{flex:1 1;gap:2rem;justify-content:center}.header__nav span{color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem}.header__right{gap:1rem}.header__logo{border-radius:50%;height:40px;width:40px}.header__hamburger{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;width:40px}.hamburger__line1{background-color:#fff;height:2px;width:100%}.hamburger__line2{background-color:#fff;height:2px;width:70%}.hamburger__line3{background-color:#fff;height:2px;width:40%}.header__line{background-color:#ffffff80;bottom:0;height:1px;left:20%;position:absolute;right:20%}.main-section{align-items:center;background-color:#361a0c;color:#fff;display:flex;justify-content:space-between;overflow:visible;padding:0 20% 4rem;position:relative;z-index:0}.main-section__content{flex:1 1;padding-right:2rem}.main-section__title{color:#fff;font-family:"Young Serif",serif;font-size:5rem;font-weight:700;line-height:1.1;margin-bottom:1rem}.main-section__subtitle{font-family:Arial,sans-serif;font-size:1.2rem;margin-bottom:2rem;max-width:400px}.main-section__button{background-color:#f6bf04;border:1px solid #000;border-radius:150px/50px;box-shadow:2px 3px 0 1px #fff;color:#3c1a10;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1.5rem 3rem;position:relative;transition:background-color .3s ease}.main-section__button:hover{box-shadow:0 0 5px #f6bf04,0 0 25px #f6bf04,0 0 50px #f6bf04,0 0 200px #f6bf04}.main-section__button:active{box-shadow:0 0 1000px #f6bf04,0 0 1000px #f6bf04,0 0 1000px #f6bf04,0 0 1000px #f6bf04}.main-section__image-container{display:flex;flex:1 1;height:500px;justify-content:center}canvas{height:100%;width:100%}.middle{align-items:center;background:#361a0c;display:flex;height:100vh;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:100}.bar{animation:loader 1.2s linear infinite;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;display:inline-block;height:70px;transform-origin:bottom center;width:10px}.bar1{animation-delay:.1s}.bar2{animation-delay:.2s}.bar3{animation-delay:.3s}.bar4{animation-delay:.4s}.bar5{animation-delay:.5s}.bar6{animation-delay:.6s}.bar7{animation-delay:.7s}.bar8{animation-delay:.8s}@keyframes loader{0%{background:#f6bf04;transform:scaleY(.1)}50%{background:#9acd32;transform:scaleY(1)}to{background:#0000;transform:scaleY(.1)}}.footer-arc-container{height:50px;margin-top:50px;position:relative;width:100%}.footer-arc{background-color:#f6bf04;clip-path:ellipse(75% 100% at 50% 100%);height:600px;z-index:1}.arc-buttons,.footer-arc{position:absolute;width:100%}.arc-buttons{display:flex;gap:2rem;justify-content:center;top:-50px;z-index:2}.arc-button{border:1px solid #000;border-radius:50px;box-shadow:0 4px 6px #0003;color:#4e0303;cursor:pointer;font-family:Coiny,system-ui;font-size:1.5rem;padding:.5rem 1.5rem;transform:translateY(0) rotate(0deg);transform:translateY(var(--button-offset-y,0)) rotate(var(--button-rotation,0deg));transform-origin:center;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}.arc-button:hover{transform:translateY(0) rotate(0deg) scale(1.1);transform:translateY(var(--button-offset-y,0)) rotate(var(--button-rotation,0deg)) scale(1.1)}.chokocookis:hover{box-shadow:0 0 5px #e3f6be,0 0 25px #e3f6be,0 0 50px #e3f6be,0 0 200px #e3f6be}.mangogelato:hover{box-shadow:0 0 5px #ebfaff,0 0 25px #ebfaff,0 0 50px #ebfaff,0 0 200px #ebfaff}.vanillabeing:hover{box-shadow:0 0 5px #e8e8e8,0 0 25px #e8e8e8,0 0 50px #e8e8e8,0 0 200px #e8e8e8}.limecheese:hover{box-shadow:0 0 5px #ecfff5,0 0 25px #ecfff5,0 0 50px #ecfff5,0 0 200px #ecfff5}.bananagelato:hover{box-shadow:0 0 5px #fce5dd,0 0 25px #fce5dd,0 0 50px #fce5dd,0 0 200px #fce5dd}.footer-content{display:flex;justify-content:space-between;padding:0 150px;position:relative;z-index:1}.footer-left,.footer-right{flex:1 1;font-family:Coiny,system-ui;margin-top:200px}.footer-left h2{color:#4e0303;font-size:2.5rem}.footer-left p{color:#4e0303;font-size:1.5rem}.footer-center{display:flex;flex:1 1;justify-content:center;margin-top:100px}.ice-cream-image{bottom:40px;max-width:100%;position:absolute;z-index:1}.ice-cream-ball{bottom:225px;max-width:100%;position:absolute;z-index:2}.footer-right p{color:#4e0303;font-size:1.5rem;padding-left:100px;text-align:right;text-align:left}.search{display:inline-block;position:relative}.search input[type=text]{padding:10px;width:200px}.search button[type=submit],.search input[type=text]{border:1px solid #000;border-radius:20px;box-shadow:0 0 10px #0000001a}.search button[type=submit]{background-color:#ff2293;color:#fff;cursor:pointer;padding:10px 20px;position:absolute;right:0;top:0;transition:.9s ease}.search button[type=submit]:hover{background-color:#ff2293;color:#fff;transform:scale(1.1)}.boy,.girl{width:80px}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-50%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(50%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50%)}}@keyframes slide-out-left{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.incoming.slide-in-left{animation:slide-in-left .6s ease-in-out forwards}.incoming.slide-in-right{animation:slide-in-right .6s ease-in-out forwards}.outgoing.slide-out-right{animation:slide-out-right .6s ease-in-out forwards}.outgoing.slide-out-left{animation:slide-out-left .6s ease-in-out forwards;position:absolute}.hand-icon{animation:bounce 1s infinite;height:30px;position:absolute;right:30px;top:43px;width:30px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}
/*# sourceMappingURL=main.bc754d72.css.map*/