@import url(https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap);body{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}:root{--primary:#fafafa;--accent:#f24a4d;--accent-lighten:#e77;--accent-darken:#e14447;--text-primary:#000;--text-secondary:#6f7274;--box-shadow-color:rgba(30,30,60,0.2);--font-light:400;--font-medium:800;font-size:16px;box-sizing:border-box}body{background-color:#fafafa;background-color:var(--primary);color:#000;color:var(--text-primary);margin:0;padding:0;width:100vw;height:100vh;overflow-x:hidden}.container{display:flex}.nav-container{margin-top:1vw;margin-left:1vw}.navbar-nav{list-style:none}.nav-heading{font-family:"Abril Fatface",cursive;font-size:2.3rem;letter-spacing:2px;padding:0;margin:0}.nav-heading,.nav-link{font-weight:400;font-weight:var(--font-light)}.nav-link{display:inline-block;text-decoration:none;font-family:"Nanum Gothic",sans-serif;color:#6f7274;color:var(--text-secondary);font-size:1rem;letter-spacing:1px;padding:5px;margin-top:3.4vw;transition:all .3s linear}.active-link,.nav-link:hover{text-decoration:line-through;-webkit-text-decoration-color:#e77;text-decoration-color:#e77;-webkit-text-decoration-color:var(--accent-lighten);text-decoration-color:var(--accent-lighten);text-decoration-thickness:.2rem}.nav-link:hover{transition:.3s}.cart{border:none;color:#fafafa;color:var(--primary);padding:20px 65px;cursor:pointer;background-color:#f24a4d;background-color:var(--accent);border-radius:40px;font-size:18px;font-weight:700;margin-top:4vw;margin-left:2vw;transition:all .3s ease-in}.cart:hover{background-color:#e14447;background-color:var(--accent-darken)}.main-content{flex-basis:100%;position:relative;top:5rem;left:2rem}.main-heading{font-family:"Abril Fatface",cursive;letter-spacing:3px;font-size:3.5rem;line-height:1.7;font-weight:400}.description{font-family:"Nanum Gothic",sans-serif;font-weight:400;font-weight:var(--font-light);color:#6f7274;color:var(--text-secondary);font-size:1rem;line-height:1.6;text-align:left}.description-container{margin-left:5%}.line{background-color:#f24a4d;background-color:var(--accent);width:.8px;height:3px;display:block;margin-top:1rem;-webkit-transform-origin:left;transform-origin:left;-webkit-animation:yourAnimation .5s;animation:yourAnimation .5s;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(.5,.05,1,.5);animation-timing-function:cubic-bezier(.5,.05,1,.5);-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1}.line-container{-webkit-animation:lineHide 1s;animation:lineHide 1s}.text-container{display:flex;align-items:center;justify-content:flex-start}.card-container{display:flex;grid-gap:1.5rem;gap:1.5rem}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.4rem;cursor:pointer;width:12vw;height:15vw;border-radius:1.5rem;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:all .2s ease-in}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:2px 28px 46px -7px rgba(30,30,60,.2);box-shadow:2px 28px 46px -7px var(--box-shadow-color)}.image-container>img{height:100%;width:100%;border-radius:50%;padding:1.5vw;box-sizing:border-box}.image-container{width:12vw;height:12vw}p{font-family:"Nanum Gothic",sans-serif;margin:0;font-size:14px;font-weight:800;font-weight:var(--font-medium);text-align:center;color:#000;color:var(--text-primary)}.card>p{margin:auto}.cart-icon img,.hamburger-icon{width:3rem;height:3rem}.hamburger-icon *{background-color:#f24a4d;border-radius:4px;flex-basis:33.33%}.line1{margin-top:10px;width:21px;height:4px}.line2{width:36px}.line2,.line3{margin-top:8px;height:4px}.line3{width:30px}.mobile-view{display:flex;justify-content:space-between;margin:1rem 4rem 0}.mobile-view .in-oneline{display:inline-block;font-size:2rem}.des-responsive,.mobile-view{display:none}@media (min-width:1024px){p{font-size:14px}.card-container .card-part1,.card-part2{display:flex;grid-gap:1.5rem;gap:1.5rem}}@media (min-width:882px) and (max-width:1023px){.p{font-size:13px}.card-container .card-part1,.card-part2{display:flex;grid-gap:5vw;gap:5vw;margin-top:5vw;justify-content:center}.card-container .card{width:10rem;height:13rem}.card-container .image-container{width:10rem;height:10rem}.des-responsive,.nav-container{display:none}.mobile-view{display:flex}.card-part1 .last{display:none}}@media (min-width:769px) and (max-width:881px){.description-container,.nav-container{display:none}.mobile-view{display:flex}.des-responsive{display:inline-block;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:12rem auto 0}.card-container .card-part1,.card-part2{display:flex;grid-gap:5vw;gap:5vw;margin-top:5vw;justify-content:center}.card-part1 .last{display:none}.card{width:10rem;height:13rem}.image-container{width:10rem;height:10rem}.main-heading{font-size:2.7rem}}@media(min-width:508px) and (max-width:769px){.card-container{grid-gap:2.5rem;gap:2.5rem}.card-part1 .last,.description-container,.nav-container{display:none}.main-content{display:grid;place-items:center;position:relative;left:0;top:2rem}.mobile-view{display:flex;margin:1rem 1rem 0}.des-responsive{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:9rem auto 0}.des-responsive,.mobile-view .in-oneline{display:inline-block}.card-container .card-part1,.card-part2{display:flex;grid-gap:5vw;gap:5vw;margin-top:5vw;justify-content:center}.card-container{flex-wrap:wrap;justify-content:center}.card{width:10rem;height:13rem}.image-container{width:10rem;height:10rem}.text-container{justify-content:center}.main-heading{font-size:2.7rem}.main-content,.main-heading{flex-basis:100%}}@media (max-width:508px){.card-container{flex-wrap:wrap;grid-gap:0;gap:0}div.card-part1{margin-right:2.5rem}.card-part1 .last,.description-container,.nav-container{display:none}.main-heading{font-size:2.2rem;margin-top:0}.main-content{display:grid;place-items:center;position:relative;left:0;top:2rem}.mobile-view{display:flex;margin:1rem 1rem 0}.des-responsive{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:6rem auto 0}.des-responsive,.mobile-view .in-oneline{display:inline-block}.card{width:8rem;height:11rem;margin-bottom:2.5rem}.image-container{width:8rem;height:8rem}}@-webkit-keyframes yourAnimation{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}25%{-webkit-transform:scaleX(80);transform:scaleX(80)}50%{-webkit-transform:scaleX(40);transform:scaleX(40)}to{-webkit-transform:scaleX(80);transform:scaleX(80)}}@keyframes yourAnimation{0%{-webkit-transform:scaleX(0);transform:scaleX(0)}25%{-webkit-transform:scaleX(80);transform:scaleX(80)}50%{-webkit-transform:scaleX(40);transform:scaleX(40)}to{-webkit-transform:scaleX(80);transform:scaleX(80)}}@-webkit-keyframes lineHide{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes lineHide{0%{opacity:0}50%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.5a13ed0c.chunk.css.map */