*{box-sizing:border-box;font-family:Montserrat,sans-serif}::-webkit-scrollbar{display:block;height:3px;width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.9);background-color:var(--black-c);border-left:none;border-right:none}::-webkit-scrollbar-track-piece:end{background-color:transparent;margin-bottom:10px}::-webkit-scrollbar-track-piece:start{background:transparent;margin-top:10px}#root,body,html{border:0;height:100%;margin:0;padding:0;width:100%}.center{align-items:center;display:flex;justify-content:center}.occupy{height:100%;width:100%}:root{--color-1:#f3eadb;--color-2:#c5f3fd;--color-3:#f3bf57;--color-4:#a570c4;--color-5:#534371;--white-c:#fdfdfd;--black-c:rgba(0,0,0,.9);--morning:#a4dfdb;--afternoon:#ffc553;--evening:#1f0045;--night:#02182d;--loader:#081f34;--tick:#08bc7c;--lottie-shadow:drop-shadow(1px 1px 1px rgba(0,0,0,.6));--box-shadow-dark:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px,rgba(10,37,64,.35) 0px -2px 6px 0px inset;--box-shadow-light:rgba(0,0,0,.3) 0px 50px 100px -20px,rgba(0,0,0,.4) 0px 30px 60px -30px,hsla(0,0%,100%,.4) 0px -2px 2px 0px inset;--box-shadow-n:rgba(0,0,0,.17) 0px -23px 25px 0px inset,rgba(0,0,0,.15) 0px -36px 30px 0px inset,rgba(0,0,0,.1) 0px -79px 40px 0px inset,rgba(0,0,0,.06) 0px 2px 1px,rgba(0,0,0,.09) 0px 4px 2px,rgba(0,0,0,.09) 0px 8px 4px,rgba(0,0,0,.09) 0px 16px 8px,rgba(0,0,0,.09) 0px 32px 16px}.pullDown{animation-duration:1.1s;-webkit-animation-duration:1.1s;animation-name:pullDown;-webkit-animation-name:pullDown;animation-timing-function:ease-out;-webkit-animation-timing-function:ease-out;transform-origin:50% 0;-ms-transform-origin:50% 0;-webkit-transform-origin:50% 0}@keyframes pullDown{0%{-webkit-transform:scaleY(.1);transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98);transform:scaleY(.98)}to{-webkit-transform:scaleY(.98);transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01);transform:scaleY(1.01)}to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@-webkit-keyframes pullDown{0%{-webkit-transform:scaleY(.1)}40%{-webkit-transform:scaleY(1.02)}60%{-webkit-transform:scaleY(.98)}to{-webkit-transform:scaleY(.98)}80%{-webkit-transform:scaleY(1.01)}to{-webkit-transform:scaleY(1)}}.fadeIn{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:fadeIn;-webkit-animation-name:fadeIn;animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;visibility:visible!important}@keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}60%{-webkit-transform:scale(1.1);transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:scale(0)}60%{-webkit-transform:scale(1.1)}80%{opacity:1;-webkit-transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1)}}.header-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--white-c);grid-row:1/span 1;height:13%;position:fixed;top:0;width:100%;z-index:10}.header-container.scroll{box-shadow:0 1px 2px rgba(0,0,0,.4);height:10%}.header-container .material-icons{cursor:pointer;font-size:48px}.header-container .material-icons.scroll{font-size:36px}.header{color:var(--color-5);display:grid;grid-template-columns:20% 80%}.header h1{font-size:48px;margin:0;padding-right:20%}.header h1.scroll{font-size:36px}.card-outer-container{padding:5px}.card-outer-container.clicked{-webkit-backdrop-filter:grayscale(30%) blur(5px);backdrop-filter:grayscale(30%) blur(5px);background-color:var(--white-c);border-radius:0;display:grid;grid-template-rows:13% 77% 10%;left:0;overflow:hidden;padding:10px;position:fixed;top:0;z-index:5}.card-outer-container.clicked .card-display-container{align-self:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:transparent;grid-row:2/span 1;justify-self:center;padding-left:5px;padding-right:5px;position:absolute;width:calc(100% - 20px)}.card-outer-container.clicked .card-action-buttons{display:grid;grid-row:3/span 1;grid-template-columns:80% 20%}.card-outer-container.clicked .card-action-buttons .material-icons,.card-outer-container.clicked .card-action-buttons button{border:none;border-radius:15px;box-shadow:var(--box-shadow-dark);color:var(--black-c);cursor:pointer;scale:.98;transition:.6s}.card-outer-container.clicked .card-action-buttons .material-icons:hover,.card-outer-container.clicked .card-action-buttons button:hover{scale:1;transition:.6s}.card-outer-container.clicked .card-action-buttons button{font-size:1em;grid-column:1/span 1}.card-outer-container.clicked .card-action-buttons .material-icons{font-size:1.5em;grid-column:2/span 1}.card-inner-container{border-radius:20px;box-shadow:var(--box-shadow-dark);cursor:pointer;height:41dvh;padding:5px;transition:.4s;width:100%}.card-inner-container:hover{scale:1.02;transition:.4s}.card-inner-container.clicked{border-radius:0;box-shadow:none;grid-row:2/span 1;height:100%;width:100%}.card{display:grid;grid-template-columns:100%;grid-template-rows:85% 15%}.card .card-name{align-self:center;grid-row:2/span 1;justify-self:center}.card .card-name:after{content:"s"}.card .card-image{grid-row:1/span 1}.card .card-image .card-lottie{-webkit-filter:var(--lottie-shadow);filter:var(--lottie-shadow)}@media(max-width:768px){.card-outer-container:not(.clicked){height:29dvh;width:100%}.card-inner-container{height:100%;width:100%}.card{display:grid;grid-template-columns:35% 65%;grid-template-rows:100%}.card .card-name{font-size:1em;grid-column:1/span 1;grid-row:1/span 1}.card .card-image{grid-column:2/span 1}}.dashboard-outer-container{grid-row:1/span 1;padding:5px}.dashboard-inner-container{border-radius:20px;box-shadow:var(--box-shadow-dark);cursor:pointer;padding:5px;transition:.4s}.dashboard-inner-container:hover{scale:1.01;transition:.4s}.dashboard-inner-container.morning{background-color:var(--morning)}.dashboard-inner-container.morning.clicked{color:var(--morning)}.dashboard-inner-container.afternoon{background-color:var(--afternoon)}.dashboard-inner-container.afternoon.clicked{color:var(--afternoon)}.dashboard-inner-container.evening{background-color:var(--evening);box-shadow:var(--box-shadow-light);color:#fff}.dashboard-inner-container.evening.clicked{color:var(--evening)}.dashboard-inner-container.night{background-color:var(--night);box-shadow:var(--box-shadow-light);color:#fff}.dashboard-inner-container.night.clicked{color:var(--night)}.dashboard-inner-container.clicked{-webkit-backdrop-filter:grayscale(30%) blur(5px);backdrop-filter:grayscale(30%) blur(5px);background-color:var(--white-c);border-radius:0;left:0;overflow:hidden;position:fixed;top:0;z-index:5}.dashboard{display:grid;grid-template-columns:60% 40%;grid-template-rows:100%}.dashboard .dashboard-text{align-items:flex-start;flex-direction:column;font-size:30px;gap:10px;grid-column:1/span 1;padding-left:30%}.dashboard .dashboard-text span{font-size:12px}.dashboard .dashboard-image{grid-column:2/span 1}.dashboard .dashboard-image .dashboard-lottie{-webkit-filter:var(--lottie-shadow);filter:var(--lottie-shadow)}@media(max-width:768px){.dashboard{display:grid;grid-template-columns:100%;grid-template-rows:70% 30%}.dashboard .dashboard-text{align-items:center;font-size:25px;grid-row:2/span 1;padding-left:0}.dashboard .dashboard-image{grid-column:1/span 1;grid-row:1/span 1}.dashboard .dashboard-image .dashboard-lottie{-webkit-filter:var(--lottie-shadow);filter:var(--lottie-shadow)}}.cards-outer-container{display:grid;grid-row:2/span 1;grid-template-rows:50% 50%;padding:5px}.cards-inner-container{grid-row:2/span 1}.cards{display:grid;grid-template-columns:1fr 1fr 1fr}.cards .card-outer-container:first-child{grid-column:1/span 1}.cards .card-outer-container:first-child .card-inner-container{background-color:var(--color-2)}.cards .card-outer-container:first-child .card-inner-container.clicked{background-color:var(--white-c)}.cards .card-outer-container:first-child .card-action-buttons .material-icons,.cards .card-outer-container:first-child .card-action-buttons button{background-color:var(--color-2)}.cards .card-outer-container:nth-child(2){grid-column:2/span 1}.cards .card-outer-container:nth-child(2) .card-inner-container{background-color:var(--color-3)}.cards .card-outer-container:nth-child(2) .card-inner-container.clicked{background-color:var(--white-c)}.cards .card-outer-container:nth-child(2) .card-action-buttons .material-icons,.cards .card-outer-container:nth-child(2) .card-action-buttons button{background-color:var(--color-3)}.cards .card-outer-container:last-child{grid-column:3/span 1}.cards .card-outer-container:last-child .card-inner-container{background-color:var(--color-4)}.cards .card-outer-container:last-child .card-inner-container.clicked{background-color:var(--white-c)}.cards .card-outer-container:last-child .card-action-buttons .material-icons,.cards .card-outer-container:last-child .card-action-buttons button{background-color:var(--color-4)}@media(max-width:768px){.cards-outer-container{grid-template-rows:86dvh 1fr}.cards{display:flex;flex-direction:column;grid-row:2/span 1}}.loader-outer-container{background-color:var(--loader);left:0;position:fixed;top:0;z-index:30}.loader-inner-container{flex-direction:column;width:clamp(280px,100vw,500px)}.loader-inner-container span{color:var(--white-c);font-size:1.2em}.App{display:grid;grid-template-columns:100%;grid-template-rows:13% 87%}