*{box-sizing:border-box;margin:0 auto}.navbarContent{display:flex;text-decoration:none;align-items:center;font-family:var(--font-primary);font-size:2vw;position:fixed;top:0;left:0;right:0;background:#fff;z-index:10}.logoTitleNav{flex-direction:row;width:30%;padding:1vw}.logoTitleNav,.navLink{display:flex;justify-content:space-between;align-items:center}.navLink{width:70%}.ri-shopping-basket-line{font-size:2vw;margin-left:1em;color:#000}.basketNav{display:flex;align-items:center}.navLinks{font-size:2vw;text-decoration:none;color:#000;transition:var(--transition-buttons)}.navLinks:hover{font-style:italic}.active{color:var(--color-secondary)}.navbarContent button{display:none;outline:none}.navbarContent button .ri-close-line{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .2s ease-in-out}.navbarContent button .ri-menu-5-line{-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:all .2s ease-in-out}.BsHeart:hover{color:red}@media only screen and (max-width:900px){.navLinks{font-size:3vw}.navbarContent{font-size:3.5vw}}@media only screen and (max-width:668px){.navbarContent button{display:flex;font-size:5vw;z-index:2;color:#000;background:transparent;border:none;width:20%;padding:2vw}.navLink{display:none}.logoTitleNav{width:50%}#hidden{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-around;top:0;left:0;margin:0;padding:0;width:100%;height:100vh;background-color:var(--color-primary);z-index:1}.logoTitleNav img{z-index:2;padding:2vw}.navLinks{color:#000;font-weight:900;font-size:5vw;border:none}.ri-shopping-basket-line{font-size:5vw;font-weight:100}}@media screen and (max-height:280px){.navLinks,.ri-shopping-basket-line{font-size:3vw}}.homepage{font-family:var(--font-primary);box-sizing:border-box;overflow-x:hidden;margin:0 auto;padding:0;text-align:center;height:110vh;background:linear-gradient(180deg,var(--color-secondary),var(--color-primary));width:100vw;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.letters span{position:relative;letter-spacing:.1em;font-size:10vw;color:#f8cf83;text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(247,246,237,.1),0 18px 23px #f8cf83;top:-400vw;margin-left:3vw;transition:1s cubic-bezier(.59,.18,.24,.87)}.letters span:nth-child(3),span:nth-child(8){letter-spacing:2vw}.once .letters span{top:2vw}.once .letters span:first-child{transition-delay:1s}.once .letters span:nth-child(2){transition-delay:1.5s}.once .letters span:nth-child(3){transition-delay:2s}.once .letters span:nth-child(4){transition-delay:2.5s}.once .letters span:nth-child(5){transition-delay:3s}.once .letters span:nth-child(6){transition-delay:3.5s}.once .letters span:nth-child(7){transition-delay:4s}.once .letters span:nth-child(8){transition-delay:4.5s}.once .letters span:nth-child(9){transition-delay:5s}.once .letters span:nth-child(10){transition-delay:5.5s}.once .letters span:nth-child(11){transition-delay:6s}.eggHome img{position:relative;width:6vw;top:-500vw;margin:3vw;transition:1s cubic-bezier(.52,.38,.42,1.27);transition-delay:8s}.once .eggHome img{top:5vw}.wordsHome{margin-top:8vw;margin-bottom:4vw;opacity:0;color:#fff1cb;text-shadow:0 4px 3px rgba(0,0,0,.4),0 8px 13px rgba(247,246,237,.1),0 18px 23px var(--color-primary);font-size:2.5vw;transition:4s linear;transition-delay:10s}.once .wordsHome{opacity:1}@media only screen and (max-width:900px){.wordsHome{font-size:5vw;margin-left:3vw;margin-right:3vw}}@media only screen and (max-width:420px){.wordsHome{color:#faf4e1;text-shadow:0 2px 3px rgba(0,0,0,.4),0 2px 13px rgba(19,15,6,.1),0 4px 23px var(--color-primary)}}@media screen and (max-height:280px){.wordsHome{font-size:3vw}}.containerOS{width:100vw;height:auto;font-family:var(--font-primary);overflow:hidden;align-items:center}.para span{font-size:4vw}.para{width:20vw;height:40vh;-webkit-transform:translateZ(-1px) scale(1.7);transform:translateZ(-1px) scale(1.7);text-align:center;margin-top:20vw;font-size:1.2vw}.para1,.para3{margin-right:10em}.para2,.para5{margin-left:10em}.backgr{border-top:2px solid #000;height:120vh;background-size:100%;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:50%;width:100vw}@supports (-webkit-touch-callout:none){.backgr{background-attachment:scroll;width:100vw}}.backgr1{background-image:url(https://cdn.pixabay.com/photo/2016/11/13/21/46/sheep-1822137_960_720.jpg)}.backgr2{background-image:url(https://cdn.pixabay.com/photo/2021/07/30/17/25/sheep-6510327_960_720.jpg)}.backgr3{background-image:url(https://cdn.pixabay.com/photo/2014/10/10/11/23/wool-483295_960_720.jpg)}.backgr4{background-image:url(https://cdn.pixabay.com/photo/2016/05/05/15/29/eggs-1374141_960_720.jpg)}.backgr5{background-image:url(https://cdn.pixabay.com/photo/2016/03/20/16/42/knitting-1268932_960_720.jpg);border-bottom:2px solid #000}@media only screen and (max-width:1200px){.para span{font-size:6vw}.para{font-size:1.5vw}}@media only screen and (max-width:720px){.para{margin-top:30vw;font-size:2vw}}@media only screen and (max-width:500px){.para{font-size:2.5vw;background-color:hsla(0,0%,100%,.2);height:42%;border-radius:10%}}@media only screen and (max-width:420px){.para{font-size:3.5vw;margin-top:70vw;width:30%}}@media only screen and (orientation:landscape){.para span{font-size:4vw}.para{font-size:1.2vw}}.itemContainer{font-family:var(--font-primary);font-size:2em;margin:5em 1em 1em;box-sizing:border-box;width:200px}.hrPO{width:150%;margin:1em 0;border:0;height:1px;background:#333;background-image:linear-gradient(90deg,#ccc,#333,#ccc)}.buttonPO{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;margin:.5em;transition:var(--transition-buttons);outline:none}.buttonPO:hover{border-radius:50%}.imgPO{border:2px solid #000;width:100%}.imgPO:hover{border:2px dashed #000}@media screen and (max-width:668px){.itemContainer{width:150px;margin:1em}}.basketContainer{font-family:var(--font-primary);font-size:4em;margin-top:5em;box-sizing:border-box;width:20vw;font-size:var(--font-secondary)}.imgBasket{border:2px solid #000;width:150px}.quantity{font-family:var(--font-primary);display:flex}.contentBasket{padding-top:10vh}.inputBasket{width:3em;font-family:var(--font-primary);background-color:var(--color-primary);text-align:center}.inputBasket:hover{border:2px dashed #000}.buttonBin{transition:var(--transition-buttons);padding-top:.5em;background-color:var(--color-primary);outline:none}.buttonBin:hover{border:2px dashed #000}.ri-delete-bin-5-line{font-size:1em}.hrBasket{width:150%;margin:1em 0;border:0;height:1px;background:#333;background-image:linear-gradient(90deg,#ccc,#333,#ccc)}.contentBasket,.summaryBasket{font-family:var(--font-primary);margin-bottom:1em}.summaryBasket{display:flex}.linkCheckout{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);font-size:var(--font-size-firebase-two);text-align:center;margin:.5em;transition:var(--transition-buttons)}.linkCheckout:hover{border-radius:50%}@media only screen and (max-width:1200px){.linkCheckout{font-size:var(--font-size-firebase-one)}}@media only screen and (max-width:800px){.linkCheckout{font-size:2vw}}@media only screen and (max-width:600px){.linkCheckout{font-size:2.5vw}}@media only screen and (max-width:420px){.linkCheckout{font-size:4vw}}.dashboard{background:var(--color-primary);background-image:var(--image-firebase);font-family:var(--font-secondary);display:flex;flex-direction:column;align-items:center;border-radius:5%;font-size:var(--font-size-firebase-one);width:40vw;height:70vh;justify-content:space-evenly;margin-bottom:2vw}@media only screen and (max-width:640px){.dashboard{width:80vw;background-position:50%;font-size:5vw}}.messageDash{font-family:var(--font-primary);font-size:var(--font-size-firebase-two);margin-bottom:1vw}@media only screen and (max-width:640px){.messageDash{font-size:4vw}}.emailDash{margin-bottom:1.5em}.buttonLogout{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;transition:var(--transition-buttons)}.buttonLogout:hover{border-radius:50%}.signup{background:var(--color-primary);background-image:var(--image-firebase);background-position:50%;font-family:var(--font-secondary);display:flex;flex-direction:column;align-items:center;border-radius:5%;font-size:var(--font-size-firebase-one);width:40vw;height:70vh;justify-content:space-evenly;margin-bottom:2vw}@media only screen and (max-width:640px){.signup{width:80vw;font-size:5vw;align-items:center}}.inputSignup{width:30vw;background-color:var(--color-primary);color:var(--color-tertiary);font-family:var(--font-secondary);font-size:var(--font-size-firebase-two)}@media only screen and (max-width:640px){.inputSignup{font-size:4vw}}.buttonSignup{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;margin-bottom:1vw;transition:var(--transition-buttons)}.buttonSignup:hover{border-radius:50%}.login{background:var(--color-primary);background-image:var(--image-firebase);display:flex;flex-direction:column;align-items:center;border-radius:5%;font-family:var(--font-secondary);font-size:var(--font-size-firebase-one);width:40vw;height:70vh;justify-content:space-evenly;margin-bottom:2vw}@media only screen and (max-width:640px){.login{width:80vw;background-position:50%;font-size:5vw}}.inputLogin{width:30vw;background-color:var(--color-primary);color:var(--color-tertiary);font-family:var(--font-secondary);font-size:var(--font-size-firebase-two)}@media only screen and (max-width:640px){.inputLogin{font-size:4vw}}.loginButton{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;margin-bottom:1vw;transition:var(--transition-buttons)}.loginButton:hover{border-radius:50%}.linkFirebase:hover{color:var(--color-primary)}.passwordReset{background:var(--color-primary);background-image:var(--image-firebase);font-family:var(--font-secondary);display:flex;flex-direction:column;align-items:center;justify-content:space-around;border-radius:5%;font-size:var(--font-size-firebase-one);width:40vw;height:70vh;justify-content:space-evenly;margin-bottom:2vw}@media only screen and (max-width:640px){.passwordReset{width:80vw;background-position:50%;font-size:5vw}}.inputReset{width:30vw;background-color:var(--color-primary);color:var(--color-tertiary);font-family:var(--font-secondary);font-size:var(--font-size-firebase-two)}@media only screen and (max-width:640px){.inputReset{font-size:4vw}.paraPR{margin-left:3vw;text-align:center}}.buttonReset{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;margin-bottom:1vw;transition:var(--transition-buttons)}.buttonReset:hover{border-radius:50%}.containerAll{display:flex;flex-direction:column;align-items:center;justify-content:center}.pDContainer{font-family:var(--font-primary);font-size:2em;margin-top:1vw;margin-bottom:2vw;box-sizing:border-box;width:20vw;height:auto;position:relative;overflow:hidden;border:2px solid #000}.pDContainer:hover{border:2px dashed #000}.imgPD{width:100%;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.imgPD:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.pDText{margin-bottom:2vw;padding:.5em;font-family:var(--font-secondary);background-color:var(--color-primary);border:2px solid #000;display:flex;flex-direction:column;align-items:center}.pDText,.pDText:hover{transition:var(--transition-buttons)}.pDText:hover{border-radius:50%}.buttonPD{border-radius:5%;background-color:var(--color-primary);font-family:var(--font-secondary);color:var(--color-tertiary);text-align:center;margin-bottom:2vw;transition:var(--transition-buttons);outline:none}.buttonPD:active,.buttonPD:hover{border-radius:50%}@media only screen and (max-width:720px){.pDContainer{width:40vw;margin-bottom:5vw}.pDText{margin-left:5vw;margin-right:5vw}.buttonPD,.pDText{margin-bottom:5vw}}@media screen and (max-width:420px){.buttonPD,.pDContainer,.pDText{margin-bottom:8vw}}.paraCheckout{font-family:Oswald,sanSerif;text-align:center;font-size:1.5vw;margin-top:1vw}.imgCheckout{width:100vw;height:auto}@media only screen and (max-width:500px){.paraCheckout{font-size:3vw}}.favoriteContainer{margin-top:2vw;font-family:var(--font-primary);font-size:4em;box-sizing:border-box;width:20vw;font-size:var(--font-secondary)}.imgFavorite{border:2px solid #000;width:150px}.buttonFavorite{outline:none;background:transparent;border:none}.buttonFavorite:active,.buttonFavorite:hover{color:red}.footer{padding:2vw;background:var(--color-primary);font-family:var(--font-primary);font-size:1vw;width:100vw}@media only screen and (max-width:680px){.footer{font-size:2vw}}@media only screen and (max-width:400px){.footer{font-size:4vw}}hr{width:90vw}.row{margin:1vw 0}.list,.row{display:flex;text-align:center}.list{flex-direction:row;list-style:none;flex-wrap:wrap;justify-content:space-evenly;align-items:center}@media only screen and (max-width:640px){.list{flex-direction:column;padding:1vw}}.column{display:flex;flex-direction:column;text-align:center}li{padding:1vw}a{text-decoration:none;color:#000}.icons:hover{border:1px dashed #000;border-radius:50%}.policy:hover{font-style:italic}:root{--color-primary:#fff7e1;--color-secondary:#f8cf83;--color-tertiary:#000;--font-primary:"Amatic SC",cursive;--font-secondary:"Oswald",sans-serif;--font-size-firebase-one:1.5vw;--font-size-firebase-two:1vw;--image-firebase:url(https://cdn.pixabay.com/photo/2020/01/30/14/39/feather-4805619_960_720.jpg);--transition-buttons:1s cubic-bezier(0.175,0.885,0.32,1.275)}html{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh}.contentSwitch{flex-grow:1;margin-top:5em}
/*# sourceMappingURL=main.9452ec90.chunk.css.map */