@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}:root{--bgColour:#333}body{background-color:#333;background-color:var(--bgColour);overflow-x:hidden}.info{position:relative;bottom:1rem}.desc{position:absolute;top:7.5rem;display:flex;width:100%;justify-content:center;text-align:center;color:#fff;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:600}.info button{position:absolute;top:3.5rem;right:5%}.main-logo{display:flex;width:25rem;margin:0 auto}.container{background-color:#fbf1e1;padding:1.5rem;border-radius:15px;margin-bottom:2rem;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3)}.beans-container{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.button-design{padding:15px 30px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;border-radius:10px;display:block;border:0;font-weight:700;background-color:#333;cursor:pointer;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-size:clamp(1rem,1.2vw,1.5rem)}.button-design:hover{background-position:100%;color:#fff;text-decoration:none}.button-design:active{-webkit-transform:scale(.95);transform:scale(.95)}.flex-row{display:flex;justify-content:space-between;align-items:center}.flex-row h2{font-size:clamp(1.2rem,2vw,1.5rem)}.flex-row h3,.flex-row h4{font-size:clamp(1rem,1.5vw,1.5rem)}.textbox{border:2px solid #17215e;display:flex;padding:0 1rem;grid-gap:1rem;gap:1rem;background-color:#fff;color:#17215e}.textbox input{border:none;width:90%;height:3rem;text-align:right;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;color:#17215e}.textbox input:focus{outline:none}.textbox input::-webkit-input-placeholder{color:#17215e;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}.textbox input:-ms-input-placeholder{color:#17215e;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}.textbox input::placeholder{color:#17215e;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}.btns{display:flex;grid-gap:1rem;gap:1rem}.btns button{width:50%}.nutrition-container{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.nutrition-container h2{text-align:center;position:relative;margin-bottom:.5rem}.nutrition-container h2:after{content:"";position:absolute;background-color:#17215e;height:4px;width:100%;top:100%;right:0;border-radius:15px}.referral-container h2{position:relative;display:inline-block;margin-bottom:1rem}.referral-container h2:after{content:"";position:absolute;background-color:#17215e;height:4px;width:100%;top:100%;right:0;border-radius:15px}.referral-container button{text-align:center;position:relative;margin-bottom:.5rem}.referral-container p{font-weight:500}.divider{background-color:#17215e;height:4px;border-radius:15px}.divider-gray{background-color:#a7a29b;height:1px;border-radius:15px}.all-contents{max-width:500px;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:1rem;grid-row-gap:0;margin:0 5rem;color:#17215e}.beans-container{grid-area:1/1/4/2}.nutrition-container{grid-area:1/2/3/3}.referral-container{grid-area:3/2/4/3;text-align:center}.referral-container input{width:100%;border:2px solid #17215e;height:2.5rem;font-size:1.2rem;font-weight:500;padding:10px;margin-bottom:.5rem;transition:all .3s ease-in}.referral-container input:focus{outline:none;border-radius:15px}.referral-container p{font-size:clamp(.8rem,1.2vw,1.5rem);font-weight:600}.social-media{background-color:#333;background-color:var(--bgColour);width:100%;padding:.5rem 0;display:flex;justify-content:center;grid-gap:1rem;gap:1rem}.social-media img{cursor:pointer}.social-media img:hover{-webkit-transform:scale(.95);transform:scale(.95)}.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-left{0%{-webkit-transform:translateX(-1000px);transform:translateX(-1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.fade-in{-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:1650px){.all-contents{margin:0 auto;grid-gap:2rem;gap:2rem}.container{grid-gap:1.5rem;gap:1.5rem}}@media (min-width:901px){.all-contents{display:block;margin-left:auto;margin-right:auto;width:40%}}@media (max-width:900px){.all-contents{margin:0 2rem}}@media (max-width:800px){.all-contents{display:block;margin:0 5rem}.desc{width:auto;position:relative;top:0;margin:0 5rem}.info{display:flex;flex-direction:column;align-items:center}.info button{position:relative;top:-1.5rem;width:80%;right:0}.fade-in,.slide-in-left,.slide-in-right{-webkit-animation:none;animation:none}}@media (max-width:600px){.all-contents,.desc{margin:0 2rem}.info button{width:90%}}@media (max-width:450px){.main-logo{width:20rem}.btns{flex-direction:column}.desc{margin:0 1rem}.all-contents{display:block;margin:0 1rem}.btns button{width:100%}}
/*# sourceMappingURL=main.5306dbe6.chunk.css.map */