@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Gruppo&family=Montserrat:wght@300&family=Poppins:wght@300&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@font-face{font-family:CustomFont;src:url(/ProtoGrotesk-Light.ttf)}.CustomFont{font-family:CustomFont}*{margin:0;padding:0;box-sizing:border-box}:root{--body-color: #EAEAEB;--sidebar-color: #FFF;--textlight-color: #FFF;--primary-color: #FF7B54;--secondary-color: #FFB26B;--primary-color-light: #F6F5FF;--primary-light: #FFD56B;--toggle-color: #DDD;--text-color: #707070;--text-dark: black;--tran-03: all .2s ease;--tran-03: all .3s ease;--tran-04: all .3s ease;--tran-05: all .3s ease}body{font-family:Poppins,sans-serif;min-height:100vh;background-color:var(--body-color);transition:var(--tran-05)}::selection{background-color:var(--primary-color);color:#fff}body.dark{--body-color: #18191a;--sidebar-color: #242526;--primary-color-light: #3a3b3c;--text-color: #ccc}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;padding:0 10px;background:var(--sidebar-color);transition:var(--tran-05);overflow:hidden;z-index:1000}.sidebar.close{width:5.5rem}.sidebar li{list-style:none;display:flex;align-items:center;margin-top:1px}.sidebar header .image,.sidebar .icon{min-width:60px;border-radius:6px}.sidebar .icon{min-width:60px;border-radius:6px;height:100%;display:flex;align-items:center;justify-content:center;font-size:20px}.sidebar .text,.sidebar .icon{color:var(--text-color);transition:var(--tran-03)}.sidebar .text{font-size:17px;font-weight:500;white-space:nowrap;overflow:visible;opacity:1;padding:1px}.sidebar.close .text{opacity:0}.sidebar header{position:relative}.sidebar header .image-text{display:flex;align-items:center}.sidebar header .logo-text{display:flex;flex-direction:column}header .image-text .name{margin-top:2px;font-size:18px;font-weight:600}header .image-text .profession{font-size:16px;margin-top:-2px;display:block}.sidebar header .image{display:flex;align-items:center;justify-content:center}.sidebar header .image img{width:40px;border-radius:6px}.navbar{height:4rem;padding:2;background-color:var(--sidebar-color);top:0;display:flex;align-items:center;position:fixed;width:100%;padding:0rem 1rem;left:0;z-index:999}body.dark .sidebar header .toggle{color:var(--text-color)}.sidebar.close .toggle{transform:translateY(-50%) rotate(0)}.sidebar .menu{margin-top:10px}.search-box{border-radius:10px;background-color:var(--primary-color-light);cursor:pointer;display:flex;align-items:center;padding:2px;transition:var(--tran-05)}.searchInput{height:100%;width:15rem;border-radius:25px;outline:none;border:none;background-color:var(--primary-color-light);color:var(--text-color);font-size:15px;padding:5px;transition:var(--tran-05)}.sidebar li a{list-style:none;background-color:transparent;display:flex;flex-direction:column;align-items:center;height:100%;padding:7px;width:100%;border-radius:6px;text-decoration:none;color:#000;transition:var(--tran-03)}.sidebar li a:hover{background-color:var(--primary-color)}.sidebar li a:hover,.sidebar li a:hover .icon-text{color:#fff}.sidebar .menu-links .nav-link.active{background-image:linear-gradient(to bottom right,var(--primary-color),var(--secondary-color));border-radius:6px}.sidebar .menu-links .nav-link.active a,.sidebar .menu-links .nav-link.active .icon-text{color:var(--textlight-color)}.sidebar li a .icon-text{font-size:9px;text-align:center;color:#18191a}.sidebar li a:hover .icon,.sidebar li a:hover .text{color:var(--sidebar-color)}body.dark .sidebar li a:hover .icon,body.dark .sidebar li a:hover .text{color:var(--text-color)}.sidebar .menu-bar{height:calc(100% - 80px);display:flex;flex-direction:column;justify-content:space-between;overflow:scroll}.menu-bar::-webkit-scrollbar{display:none}.sidebar .menu-bar .mode{border-radius:6px;background-color:var(--primary-color-light);position:relative;transition:var(--tran-05)}.menu-bar .mode .sun-moon{height:50px;width:60px}.mode .sun-moon i{position:absolute}.mode .sun-moon i.sun{opacity:0}body.dark .mode .sun-moon i.sun{opacity:1}body.dark .mode .sun-moon i.moon{opacity:0}.menu-bar .bottom-content .toggle-switch{position:absolute;right:0;margin-top:-10px;height:100%;min-width:60px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer}.toggle-switch .switch{position:relative;height:22px;width:40px;border-radius:25px;background-color:var(--toggle-color);transition:var(--tran-05)}.switch:before{content:"";position:absolute;height:15px;width:15px;border-radius:50%;top:50%;left:5px;transform:translateY(-50%);background-color:var(--sidebar-color);transition:var(--tran-04)}body.dark .switch:before{left:20px}.home{position:absolute;top:3.5rem;left:78px;min-height:calc(100% - 70px);width:calc(100% - 80px);background-color:var(--body-color);transition:var(--tran-05)}.screen{padding:1rem}.home .text{font-size:30px;font-weight:500;color:var(--text-color);padding:12px 60px}body.dark .home .text{color:var(--text-color)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background-color:#f1f1f1}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:5px;width:5px}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-color)}.section__padding{padding:4rem 0rem}.flex__center{display:flex;justify-content:center;align-items:center}.app__bg{background-position:center;background-size:cover;background-repeat:repeat;background-attachment:fixed}.app__wrapper{display:flex;justify-content:space-around;align-items:center;min-height:100vh}.app__wrapper_info{width:30rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.app__wrapper_img{position:relative;width:100%;border-top-left-radius:"10px"}.app__wrapper_img-reverse{justify-content:flex-start;margin-right:2rem}.app__wrapper_img img{width:20rem;z-index:22;border-radius:60px 20px}.app__wrapper_img .floatImage{position:absolute;width:12rem;margin-bottom:20px;left:0;bottom:0}.custom__button{background-color:var(--color-crimson);color:var(--color-black);font-family:var(--font-base);font-weight:700;letter-spacing:.04em;line-height:28px;font-size:16px;padding:.5rem 1.5rem;border-radius:1px;border:none;outline:none;cursor:pointer}.p__cormorant{font-family:var(--font-base);color:var(--color-white);font-weight:700;letter-spacing:.04em;text-transform:capitalize;font-feature-settings:"tnum" on,"lnum" on;line-height:29.9px;font-size:23px}.p__opensans{color:var(--color-white);font-weight:400;letter-spacing:.04em;text-transform:capitalize;line-height:28px;font-size:16px}.headtext__cormorant{font-family:var(--font-base);color:var(--color-golden);font-size:64px;line-height:83.2px;letter-spacing:.04em;text-transform:capitalize}.spoon__img{width:45px}@media screen and (min-width: 2000px){.custom__button,.p__cormorant{font-size:37px;line-height:67px}.p__opensans{font-size:30px;line-height:50px}.headtext__cormorant{font-size:150px;line-height:210px}.spoon__img{width:80px}}@media screen and (max-width: 1150px){.app__wrapper{flex-direction:column}.app__wrapper_img{margin:5rem 0 0}.app__wrapper_img-reverse{margin:0 0 5rem}.app__wrapper_img img{width:100%}}@media screen and (max-width: 850px){.section__padding{padding:4rem}}@media screen and (max-width: 650px){.section__padding{padding:4rem 2rem}.p__cormorant{font-size:21px}.p__opensans{font-size:14px}}@media screen and (max-width: 450px){.p__opensans{font-size:12px}.p__cormorant{font-size:19px}.headtext__cormorant{font-size:45px;line-height:70px}}:root{--body-color-light: #fff;--body-color-dark: #18191a;--primary-color: #ff7b54;--secondary-color: #ffb26b}body{background-color:var(--body-color-light);transition:var(--tran-05)}body.dark{background-color:var(--body-color-dark);transition:var(--tran-05)}.sidebar li a,.sidebar li a .icon-text{color:#18191a}body.dark .sidebar li a,body.dark .sidebar li a .icon-text{color:#fff}.heart-container{--heart-color: #FF5353;position:relative;width:20px;height:20px;transition:.3s}.heart-container .checkbox{position:absolute;width:100%;height:100%;opacity:0;z-index:20;cursor:pointer}.heart-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.heart-container .svg-outline,.heart-container .svg-filled{fill:var(--heart-color);position:absolute}.heart-container .svg-filled{animation:keyframes-svg-filled 1s;display:none}.heart-container .svg-celebrate{position:absolute;animation:keyframes-svg-celebrate .5s;animation-fill-mode:forwards;display:none;stroke:var(--heart-color);fill:var(--heart-color);stroke-width:2px}.heart-container .checkbox:checked~.svg-container .svg-filled{display:block}.heart-container .checkbox:checked~.svg-container .svg-celebrate{display:block}@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1);filter:brightness(1.5)}}@keyframes keyframes-svg-celebrate{0%{transform:scale(0)}50%{opacity:1;filter:brightness(1.5)}to{transform:scale(1.4);opacity:0;display:none}}