h1,h2,h3{font-family:Courrier New,Lucinda Console,monospace;text-align:center}li,p{font-family:Arial,Helvetica,sans-serif}body{margin:0}.footer-text{font-size:1.25em;text-align:start}footer{bottom:0;left:0;padding:1em}.desktop-nav,.logo,.navbar{display:flex}.logo,.navbar{align-items:center}.navbar{background-color:#fff;border-bottom:1px solid #d3d3d3;box-shadow:0 4px 8px #0003;justify-content:space-between;position:fixed;width:100%;z-index:10}.css-logo-navbar{height:2em;padding:0 1em;width:2em}.navbar-title{font-family:Courrier New,Lucinda Console,monospace;font-size:1.25em}.desktop-nav{flex-direction:row;list-style:none}.desktop-navbar-links{cursor:pointer;padding:0 1em;-webkit-text-decoration:underline .08em #0000;text-decoration:underline .08em #0000;transition:text-decoration-color .3s}.desktop-navbar-links:hover{color:#2a86e3;text-decoration-color:#2a86e3}@media (max-width:600px){.navbar{padding:1em}.css-logo-navbar{height:2em;padding:0 .25em 0 0;width:2em}.navbar-title{font-size:1.25em}}.hamburger{align-items:center;display:flex;flex-direction:column;height:20px;justify-content:space-between;margin-right:2em}.bottom-line,.middle-line,.top-line{background-color:#000;border-radius:5px;box-shadow:0 3px 10px #0006;height:3px;transition:background-color .5s ease-in-out;width:30px}.hamburger:hover{cursor:pointer}.hamburger:not(.animation-to-x) .top-line{animation:top-x-to-hamburger .6s ease-in forwards}.hamburger:not(.animation-to-x) .middle-line{animation:middle-x-to-hamburger .6s ease-in forwards}.hamburger:not(.animation-to-x) .bottom-line{animation:bottom-x-to-hamburger .6s ease-in forwards}.hamburger.animation-to-x .top-line{animation:top-hamburger-to-x .6s ease-in-out forwards}.hamburger.animation-to-x .middle-line{animation:middle-hamburger-to-x .6s ease-in-out forwards}.hamburger.animation-to-x .bottom-line{animation:bottom-hamburger-to-x .6s ease-in-out forwards}@keyframes top-hamburger-to-x{0%{transform:none}30%{transform:translateY(9px)}to{transform:translateY(9px) rotate(45deg)}}@keyframes middle-hamburger-to-x{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes bottom-hamburger-to-x{0%{transform:none}30%{transform:translateY(-9px)}to{transform:translateY(-9px) rotate(135deg)}}@keyframes top-x-to-hamburger{0%{transform:translateY(9px) rotate(45deg)}50%{transform:translateY(9px)}to{transform:none}}@keyframes middle-x-to-hamburger{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bottom-x-to-hamburger{0%{transform:translateY(-9px) rotate(135deg)}50%{transform:translateY(-9px)}to{transform:none}}.dropdown{animation-duration:3s;animation-fill-mode:forwards;box-shadow:0 4px 8px #0003;max-height:0;overflow:hidden;padding-top:0;position:fixed;right:0;top:4em;transform-origin:top;z-index:5}.dropdown-links{background-color:#fff;border-bottom-left-radius:.25rem;display:flex;flex-direction:column;font-size:1rem;line-height:2.5rem;list-style:none;margin:0;padding:0;text-align:right;width:100%;z-index:1}.link-items{cursor:pointer;display:inline-block;padding:0 .75rem;z-index:1}.link-items:hover{background-color:#2a86e3;color:#fff;font-weight:bolder}.dropdown.open-dropdown{animation-name:slideDown;display:block}.dropdown.close-dropdown{animation-name:slideUp;display:block}@keyframes slideDown{0%{max-height:0;transform:translateY(0)}to{max-height:200px;transform:translateY(1)}}@keyframes slideUp{0%{max-height:200px;transform:translateY(1)}to{max-height:0;transform:translateY(0)}}.hero{background-image:linear-gradient(180deg,#2a86e3,#2164ab);position:relative;text-align:center;width:100vw;z-index:0}.hero:after{border-left:50vw solid #0000;border-right:50vw solid #0000;border-top:115px solid #2164ab;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:0}h1{background:linear-gradient(#fff 60%,grey);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3em;margin:0;padding:2em 2em .5em}@media (max-width:600px){.hero{top:4em}.hero:after{border-top:60px solid #2164ab;bottom:-60px}h1{font-size:1.75em}}.about-title{font-size:2em;margin-bottom:0;padding-top:5em}.about-info{font-size:1.25em;margin:1em;text-align:start;width:50%}.about{align-items:center;display:flex;flex-direction:row;gap:10%;justify-content:center;margin:0 1em;padding:2em 0}.css-logo{height:15em;margin:0 4em;width:16em}@media (max-width:945px){.about-info{text-align:center;width:90vw}.about{flex-direction:column;padding-top:0}}@media (max-width:600px){.about-title{font-size:1.5em}}.day-container,.grid-blocks,.grid-rows,.page-container{align-items:center;display:flex;justify-content:center}.days-title{font-family:Courrier New,Lucinda Console,monospace;font-size:2em;margin-bottom:0;padding-top:3em;text-align:center}.page-container{flex-direction:column;gap:10%;margin:0 1em;padding:2em 0}.grid-rows{flex-direction:row;gap:4em}.day-heading{font-size:1.5em;margin:1.5em 0 0}.grid-blocks{flex-direction:column;width:25em}.day-container{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:5px;box-shadow:4px 8px 16px 0 #0000001a;height:25em;margin:1.25em -12.5em;overflow:hidden;width:100%;z-index:1}@media (min-width:601px){.grid-wrapper{grid-gap:4em;display:grid;gap:4em;grid-template-columns:repeat(2,1fr)}}@media (max-width:945px){.grid-blocks{width:16em}.day-container{height:16em}}@media (max-width:600px){.page-container{padding:0}.grid-rows{flex-direction:column;gap:0}.grid-blocks{width:18.75em}.day-heading{padding-top:1em}.day-container{height:18em;margin:.25em -11em}}.center,.numbers{display:flex}.center{align-items:center;justify-content:center}.circle,.circle-two,.one-flag,.one-stem{position:relative}.container-color1{background-image:linear-gradient(to bottom left,#4dc0c8,#4343a2)}.day-container{flex-direction:column}.numbers{flex-direction:row}.one-flag,.one-stem{background:#fff;border-radius:2px}.circle,.circle-two,.one-flag,.one-stem{box-shadow:0 3px 10px #0006}.circle,.circle-two,.one-stem{margin-bottom:.5em}.one-flag{height:2.5em;left:1.25em;transform:rotate(50deg);width:1.25em;z-index:3}.one-stem{height:6.75em;left:1em;width:1.56em;z-index:4}.circle{left:.625em;z-index:3}.circle-two{left:-.313em;z-index:2}.circle,.circle-two{border:1.6em solid #fff;border-radius:50%;height:3.75em;width:3.75em}.text{color:#fff;font-family:Courier New,Monospace,serif!important;font-weight:700;line-height:.75;text-align:center}.days{font-size:6em}.css-challenge{font-size:1.8em}@media (max-width:945px){.one-flag{height:1.75em;width:.8em}.one-stem{height:4.5em;width:1em}.circle,.circle-two{border:1em solid #fff;height:2.5em;width:2.5em}.days{font-size:3.75em}.css-challenge{font-size:1.25em}}@media (max-width:600px){.one-flag{height:2em;width:1em}.one-stem{height:5em;width:1.17em}.circle,.circle-two{border:1.2em solid #fff;height:2.8em;width:2.8em}.days{font-size:4.5em}.css-challenge{font-size:1.35em}}.day2-bottom-line,.day2-middle-line,.day2-top-line{border-radius:5px;box-shadow:4px 8px 16px 0 #0000001a}.container-color2{background:#3faf82}.day2-hamburger{align-items:center;display:flex;flex-direction:column;height:3.75em;justify-content:space-between}.day2-bottom-line,.day2-middle-line,.day2-top-line{background-color:#fff;height:.5em;transition:background-color .5s ease-in-out;width:5em}.day2-hamburger:hover{cursor:pointer}.day2-hamburger:not(.static-hamburger){.day2-top-line{animation:top-x-to-hamburger-desktop .6s ease-in forwards}.day2-middle-line{animation:middle-x-to-hamburger-desktop .6s ease-in forwards}.day2-bottom-line{animation:bottom-x-to-hamburger-desktop .6s ease-in forwards}}.day2-hamburger.animate-X{.day2-top-line{animation:top-hamburger-to-x-desktop .6s ease-in-out forwards}.day2-middle-line{animation:middle-hamburger-to-x-desktop .6s ease-in-out forwards}.day2-bottom-line{animation:bottom-hamburger-to-x-desktop .6s ease-in-out forwards}}@keyframes top-hamburger-to-x-desktop{0%{transform:none}30%{transform:translateY(1em)}to{transform:translateY(1em) rotate(45deg)}}@keyframes middle-hamburger-to-x-desktop{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes bottom-hamburger-to-x-desktop{0%{transform:none}30%{transform:translateY(-2em)}to{transform:translateY(-2em) rotate(135deg)}}@keyframes top-x-to-hamburger-desktop{0%{transform:translateY(1em) rotate(45deg)}50%{transform:translateY(1em)}to{transform:none}}@keyframes middle-x-to-hamburger-desktop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bottom-x-to-hamburger-desktop{0%{transform:translateY(-2em) rotate(135deg)}50%{transform:translateY(-2em)}to{transform:none}}@keyframes top-hamburger-to-x2{0%{transform:none}30%{transform:translateY(.75em)}to{transform:translateY(.75em) rotate(45deg)}}@keyframes middle-hamburger-to-x2{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes bottom-hamburger-to-x2{0%{transform:none}30%{transform:translateY(-.75em)}to{transform:translateY(-.75em) rotate(135deg)}}@keyframes top-x-to-hamburger2{0%{transform:translateY(.75em) rotate(45deg)}50%{transform:translateY(.75em)}to{transform:none}}@keyframes middle-x-to-hamburger2{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes bottom-x-to-hamburger2{0%{transform:translateY(-.75em) rotate(135deg)}50%{transform:translateY(-.75em)}to{transform:none}}@media (max-width:945px){.day2-hamburger{height:1.8em}.day2-bottom-line,.day2-middle-line,.day2-top-line{height:.25em;width:3em}.day2-hamburger:not(.static-hamburger){.day2-top-line{animation:top-x-to-hamburger2 .6s ease-in forwards}.day2-middle-line{animation:middle-x-to-hamburger2 .6s ease-in forwards}.day2-bottom-line{animation:bottom-x-to-hamburger2 .6s ease-in forwards}}.day2-hamburger.animate-X{.day2-top-line{animation:top-hamburger-to-x2 .6s ease-in-out forwards}.day2-middle-line{animation:middle-hamburger-to-x2 .6s ease-in-out forwards}.day2-bottom-line{animation:bottom-hamburger-to-x2 .6s ease-in-out forwards}}}.day-container,.day3-circle{position:relative}.day3-circle,.sun{border-radius:50%}.day3-circle:before,.pyramid,.shadow,.sun{position:absolute}.container-color3{background:#272c34}.day3-circle{animation:fade-in-out 5s ease-in-out infinite;animation-fill-mode:forwards;background:linear-gradient(180deg,#7ddffd 0,#7ddffd 66%,#f0de75 0,#f0de75);height:11.25em;overflow:hidden;width:11.25em;z-index:2}.day3-circle:before{background:#f0de75;bottom:0;content:0;height:33%;left:0;width:100%}.sun{animation:sun-orbit 5s ease-in-out infinite;background:#feef01;height:2em;left:4.375em;top:.625em;transform-origin:50% 400%;width:2em;z-index:3}.pyramid{animation:pyramid-shade 5s ease-in-out infinite;background-image:linear-gradient(to bottom right,#0000 50%,#f4f4f4 0),linear-gradient(to top right,#dddada 50%,#0000 0);background-position:0,100%;background-repeat:no-repeat;background-size:50% 100%;bottom:0;height:3.75em;left:50%;transform:translate(-50%,-98%);width:7em}.shadow{animation:shadow-movement 5s ease-in-out infinite;background:#0003;-webkit-clip-path:polygon(115px 0,231px 0,80% 100%);clip-path:polygon(115px 0,231px 0,80% 100%);height:1.25em;left:-5.5em;top:7.5em;transform-origin:50% 0;width:22em;z-index:3}@keyframes fade-in-out{0%{opacity:0}30%{opacity:.75}50%{opacity:1}70%{opacity:.75}to{opacity:0}}@keyframes sun-orbit{0%{transform:rotate(-70deg)}30%{transform:rotate(-28deg)}to{transform:rotate(70deg)}}@keyframes sun-orbit-tablet{0%{transform:rotate(-80deg)}30%{transform:rotate(-28deg)}to{transform:rotate(50deg)}}@keyframes pyramid-shade{0%{background-image:linear-gradient(to bottom right,#0000 50%,#f4f4f4 0),linear-gradient(to top right,#dddada 50%,#0000 0)}30%{background-image:linear-gradient(to bottom right,#0000 50%,#e9e9e9 0),linear-gradient(to top right,#e1dfdf 50%,#0000 0)}75%{background-image:linear-gradient(to bottom right,#0000 50%,#e1dfdf 0),linear-gradient(to top right,#e9e9e9 50%,#0000 0)}to{background-image:linear-gradient(to bottom right,#0000 50%,#dddada 0),linear-gradient(to top right,#f4f4f4 50%,#0000 0)}}@keyframes shadow-movement{0%{-webkit-clip-path:polygon(7.8em 0,14.5em 0,100% 100%);clip-path:polygon(7.8em 0,14.5em 0,100% 100%);transform:scaleY(0)}30%{-webkit-clip-path:polygon(7.8em 0,14.5em 0,80% 100%);clip-path:polygon(7.8em 0,14.5em 0,80% 100%);transform:scaleY(1)}55%{transform:scaleY(.4)}75%{transform:scaleY(1)}to{-webkit-clip-path:polygon(7.8em 0,14.5em 0,0 100%);clip-path:polygon(7.8em 0,14.5em 0,0 100%);transform:scaleY(0)}}@keyframes shadow-movement-tablet{0%{-webkit-clip-path:polygon(4em 0,9em 0,80% 100%);clip-path:polygon(4em 0,9em 0,80% 100%);transform:scaleY(0)}30%{-webkit-clip-path:polygon(4em 0,9em 0,60% 100%);clip-path:polygon(4em 0,9em 0,60% 100%);transform:scaleY(1)}55%{transform:scaleY(.4)}75%{transform:scaleY(1)}to{-webkit-clip-path:polygon(4em 0,9em 0,0 100%);clip-path:polygon(4em 0,9em 0,0 100%);transform:scaleY(0)}}@media (max-width:945px){.day3-circle{height:7em;width:7em}.sun{animation:sun-orbit-tablet 5s ease-in-out infinite;height:1.25em;left:3em;top:.5em;transform-origin:50% 600%;width:1.25em}.pyramid{height:2.5em;transform:translate(-50%,-90%);width:5em}.shadow{animation:shadow-movement-tablet 5s ease-in-out infinite;height:1.5em;left:-3em;top:4.7em}}@media (max-width:600px){.day3-circle{height:8em;width:8em}.sun{height:1.4em;width:1.4em}.pyramid{height:3em;transform:translate(-50%,-90%);width:5.5em}.shadow{left:-2.5em;top:5.3em}}.inner-circle,.middle-circle,.outer-circle{align-items:center;box-shadow:4px 4px 8px 3px #0006;display:flex;justify-content:center}.container-color4{background:#e56262}.inner-circle,.middle-circle,.outer-circle{animation-fill-mode:both;animation-play-state:running;background:#fff;border-radius:50%}.inner-circle{animation:grow-shrink-1 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;height:1.875em;width:1.875em;z-index:4}.middle-circle{animation:grow-shrink-2 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;height:3.75em;width:3.75em;z-index:2}.outer-circle{animation:grow-shrink-3 2s cubic-bezier(.21,.98,.6,.99) infinite alternate;height:5.625em;width:5.625em;z-index:2}@keyframes grow-shrink-1{0%,70%{transform:scale(0)}to{transform:scale(1)}}@keyframes grow-shrink-2{0%,40%{transform:scale(0)}to{transform:scale(1)}}@keyframes grow-shrink-3{0%,10%{transform:scale(0)}to{transform:scale(1)}}.chart-bottom-row,.chart-top-row,.key,.weekdays{display:flex;justify-content:space-between}.chart-bottom-row,.chart-top-row,.key{flex-direction:row}.chart-container,.chart-lines,.points{position:relative}.chart-header,.popup-bubble{color:#fff}.chart-bottom-row,.chart-large-text,.chart-small-text,.chart-top-row,.weekdays{margin:0}.chart-large-text,.popup-bubble{font-weight:600}.chart-small-text,.key,.weekdays{font-size:.75em}.chart-small-text,.key{font-weight:8}.key-blue,.key-red{border-radius:3px;flex-grow:1;height:.1em;margin:1.5em .5em 0 1.5em;max-width:.8em;outline:none}.key-blue,.key-red,.weekdays{padding:0}.view-purchase,.weekdays{color:#606060}.blue-line,.red-line{fill:none;stroke-width:2;stroke-linecap:round}.chart-lines,.polyline-container,.weekdays{width:100%}.chart-lines,.points,.polyline-container{overflow:visible}.points,.points-container{pointer-events:all}.container-color5{background:#42a7a1}.chart-container{background:linear-gradient(0deg,#fff 0,#fff 70%,#f1ba64 0,#f1ba64);border-radius:5px;box-shadow:4px 8px 16px 0 #0000001a;font-family:Open Sans,Helvetica,sans-serif!important;height:12.5em;padding:.5em 1em;width:17.25em;z-index:4}.chart-header{background:#f1ba64;padding:.5em 0}.chart-large-text{font-size:.9em}.key{text:grey;justify-content:flex-end;padding:.5em}.key-red{background-color:#fa7373;border:.5px solid #fa7373}.key-blue{background-color:#7ba2ff;border:.5px solid #7ba2ff}.view-purchase{margin-top:1.5em}.red-line{stroke:#fa7373}.blue-line{stroke:#7ba2ff}.polyline-container{display:block;height:auto}.points-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;overflow:visible;padding-bottom:.25em;position:relative;width:100%}.points{border-radius:50%;cursor:pointer;height:.375em;width:.375em;z-index:10}.red{background-color:#fa7373}.blue{background-color:#7ba2ff}.popup-bubble{border-radius:3px;bottom:.3em;font-size:.7em;left:-190%;line-height:.7em;opacity:0;padding:.5em .375em;position:absolute;transition:transform .4s ease-out 0s,opacity .4s ease-out 0s;visibility:hidden;white-space:nowrap}.popup-bubble:before{background-color:inherit;bottom:-.3em;content:"";display:block;height:.75em;left:50%;margin-left:-.3em;position:absolute;transform:rotate(45deg);width:.75em;z-index:-1}.points:hover .popup-bubble{opacity:1;transform:translate3d(0,-50%,0);visibility:visible}.points:not(:hover) .popup-bubble{display:none}.weekdays{align-items:center;text-align:center}@media (max-width:945px){.chart-container{height:7.25em;width:10em}.chart-header{padding:.1em 0}.chart-large-text{font-size:.5em;font-weight:600}.chart-small-text,.key{font-size:.25em;font-weight:8}.key-blue,.key-red{margin:4em 1.5em 0 3.5em;max-width:1.75em}.view-purchase{margin-top:12em}.chart-lines{padding:.5em .5em 0 0}.weekdays{font-size:.5em}}@media (max-width:600px){.chart-container{height:9em;width:12em}.chart-large-text{font-size:.75em}.chart-small-text,.key{font-size:.65em}.key-blue,.key-red{margin:1.65em .75em 0 1em;max-width:1em}.view-purchase{margin-top:2em}}.circle-container,.info-card,.inner-photo-circle,.left-column,.outer-photo-circle,.right-column,.row,.under-photo{align-items:center;display:flex;justify-content:center}.left-column,.right-column,.row,.under-photo{flex-direction:column}.circle-container,.inner-photo-circle,.outer-photo-circle,.profile-photo,.under-photo{position:absolute}.container-color6{background-image:linear-gradient(to bottom left,#cd8050,#ecb96a)}.info-card{background:#fff;border-radius:5px;box-shadow:4px 8px 16px 0 #0000001a;color:#786450;font-family:Open Sans,Helvetica,sans-serif;height:18.75em;overflow:hidden;width:18.75em;z-index:1}.left-column,.right-column{z-index:2}.left-column{width:60%}.right-column{background:#f5e7df;width:40%}.circle-container{top:8em}.inner-photo-circle,.outer-photo-circle{border:1px solid;border-radius:50%;transition:transform 1.5s ease-in-out}.outer-photo-circle{border-color:#786450 #0000 #786450 #786450;height:5.125em;width:5.125em;z-index:3}.inner-photo-circle{border-color:#786450 #786450 #786450 #0000;height:4.75em;width:4.75em;z-index:4}.circle-container:hover .outer-photo-circle{transform:rotate(1turn)}.circle-container:hover .inner-photo-circle{transform:rotate(-1turn)}.profile-photo{border-radius:50%;display:block;filter:sepia(20%);height:4.375em;width:4.375em;z-index:5}.under-photo{top:10em}.name{font-size:.938em;font-weight:600;margin-top:1.25em;z-index:5}.title{margin-bottom:2.75em}.follow-msg-btns{background-color:#fff;border:1px solid #786450;border-radius:2.5em;color:#786450;font-size:.75em;font-weight:600;height:2.5em;margin:.5em;padding:.188em;width:9em}.follow-msg-btns:hover{background-color:#786450;color:#fff;cursor:pointer}.row{height:6.25em;text-align:center;width:7.5em}.row:hover{background:#e1cfc2;cursor:pointer}.row:not(:nth-child(3)){border-bottom:2px solid #fff}.numbers{font-size:1.25em;font-weight:500}.categories,.title{font-size:.688em;font-weight:100}@media (max-width:945px){.info-card{height:12em;width:12em}.circle-container{top:5em}.outer-photo-circle{height:3.5em;width:3.5em}.inner-photo-circle{height:3.25em;width:3.25em}.profile-photo{height:3em;width:3em}.under-photo{top:6.25em}.name{font-size:.75em;font-weight:550}.title{font-size:.5em;margin-bottom:2em}.follow-msg-btns{font-size:.5em;font-weight:550;height:2.5em;margin:.25em;padding:.188em;width:9.25em}.row{height:4em;width:4.75em}.numbers{font-size:.8em;font-weight:550}.categories{font-size:.5em}}@media (max-width:600px){.info-card{height:14em;width:14em}.title{margin-bottom:4em}.row{height:4.6em;width:5.5em}}.day7-card,.day7-card-header,.day7-notification-menu ul,.notification-text-container,.notifications{display:flex}.day7-card,.day7-card-header{align-items:center}.day7-card,.day7-notification-menu ul,.notification-text-container{flex-direction:column}.day7-card,.day7-notification-menu,.menu-circle,.menu-icon,.notification-circle,.search-input{position:absolute}.day7-card,.menu-icon:hover .menu-bottom,.menu-icon:hover .menu-circle,.menu-icon:hover .menu-top{background:#fff}.day7-card-header,.day7-notification-menu li:hover,.magnifying-glass:hover{color:#fff}.day7-title,.notifications{font-size:1em}.day7-notification-menu li:hover,.magnifying-glass:hover,.menu-icon:hover,.notification-text-container>div:hover{cursor:pointer}.container-color7{background-color:#263f57}.day7-card{border-radius:2.75px;box-shadow:1px 2px 10px 0 #0000004d;font-family:Open Sans,Helvetica,sans-serif;height:18.75em;justify-content:center;transition:all .5s ease-in-out;width:18.75em;z-index:2}.show-menu{transform:translate3d(150px,0,0)}.day7-card-header{background-color:#5f98cc;border-radius:2.75px 2.75px 0 0;height:10%;justify-content:center;padding:1em 0;position:relative;width:100%}.menu-icon{height:1em;left:0;margin:.5em .5em .5em 1.75em;width:1.8em}.menu-bottom,.menu-circle,.menu-top{background:#b2daff}.menu-bottom,.menu-top{border-radius:3px;height:.188em;width:1.75em}.menu-top{margin-bottom:.5em}.menu-circle{border:2px solid #5f98cc;border-radius:8px;height:.45em;right:0;top:-.3em;width:.45em}.day7-title{font-weight:500;padding-left:5.75em;padding-right:3em}.search-input{border:none;border-radius:17px;height:2.125em;opacity:0;padding:0 1em;pointer-events:none;right:6em;top:.85em;transform:translateX(15px);transition:all .3s ease-in-out;width:13em}.search-input:focus{outline:none}.active-search-input{opacity:1;pointer-events:all;transform:translateX(0)}.magnifying-glass{color:#b2daff;font-size:1.25em;margin:.5em 1.75em .5em .5em}.notifications{box-sizing:border-box;color:#666;flex-direction:row;overflow:hidden}.notification-text-container>div:hover{color:#5f98cc}.vertical-line{border-left:.15em solid #ebebeb;box-sizing:border-box;margin-left:1.75em;max-height:99.5%}.notification-text-container{padding:1em 1.5em .75em .75em}.notification-circle{background:#fff;border:2px solid #5f98cc;border-radius:8px;box-shadow:0 0 0 3px #fff;height:.45em;margin-left:-1.2em;margin-top:.3em;width:.45em}.times{font-size:.75em}.individual-notifications{margin-top:.125em}.day7-notification-menu{background:#43627d;border-radius:3px;height:17em;left:3em;transform:translate3d(20px,0,0);transition:all .5s ease-in-out;width:10.625em}.day7-notification-menu ul{color:#b2daff;height:93%;justify-content:space-between;list-style:none;margin:.5em 0;padding:0}.side-menu-icons{width:30%}.day7-notification-menu li{padding:.75em 0}.day7-notification-menu li:hover{background:#385269}.active-menu{box-shadow:5px 5px 8px 0 #0003;transform:translateZ(0)}@media (max-width:945px){.day7-card{height:12em;width:12em}.show-menu{transform:translate3d(100px,0,0)}.day7-card-header{font-size:.65em;padding:.8em 0}.search-input{height:2.5em;right:9.5em;transform:translateX(20px);width:18em}.day7-notification-menu,.notifications,.search-input{font-size:.65em}.notification-text-container{padding:1.25em 1.25em 1.25em .75em}.individual-notifications{margin-bottom:.8em}.vertical-line{border-left:.25em solid #ebebeb;margin-left:1.2em}.notification-circle{border:1px solid #5f98cc}.day7-notification-menu{height:16em;transform:translate3d(10px,0,0);width:9em}}@media (max-width:600px){.show-menu{transform:translate3d(110px,0,0)}.day7-notification-menu{height:17em;transform:translate3d(30px,0,0);width:12em}}.container-color8{background:#000}.ball{position:absolute}.white-center{background-color:#fff;border-radius:50%;height:5em;mix-blend-mode:normal;position:relative;width:5em}@keyframes rotate{0%{transform:rotate(0deg) translateZ(0)}to{transform:rotate(1turn) translateZ(0)}}.forecast,.weather-stats{display:flex}.forecast,.temp,.wind-humidity{font-weight:lighter}.forecast-temps,.temp,.wind-humidity{margin-left:.5em}.container-color9{background:#1b2237}.weather-picture{height:75%;overflow:hidden}.moon{background-color:#f6edbd;border-radius:50%;box-shadow:0 0 10px 0 #f6edbd;height:4.2em;left:3.4em;overflow:hidden;position:absolute;top:2.8em;width:4.2em}.moon.animate{animation:rise 1.25s ease-out}.crater{background-color:#d9c97b;box-shadow:inset -1px -1px 2px #0000004d;opacity:.3;transform:translate(-50%,-50%)}.crater,.drop{border-radius:50%;position:absolute}.drop{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:drop;animation-timing-function:linear;background:#7fc1f9;bottom:6.25em;transform-origin:50% 100%;z-index:20}.drop:after,.drop:before{background:#7fc1f9;content:"";display:block;position:absolute}.drop.big{height:.5em;width:.5em}.drop.big:before{border-radius:.188em;height:.375em;left:.063em;top:-.125em;width:.375em}.drop.big:after{border-radius:50%;height:.625em;left:.125em;top:-.313em;width:.25em}.drop.medium{height:.375em;opacity:.6;width:.375em}.drop.medium:before{border-radius:.125em;height:.25em;left:.063em;top:-.125em;width:.25em}.drop.medium:after{border-radius:50%;height:.375em;left:.125em;top:-.25em;width:.125em}.drop.small{height:.25em;opacity:.3;width:.25em}.drop.small:before{border-radius:.063em;height:.125em;left:.063em;top:-.25em;width:.125em}.drop.small:after{border-radius:50%;height:.25em;left:.063em;top:-.188em;width:.125em}@keyframes drop{0%{transform:translate3d(3em,-20em,0) scaleX(1) scaleY(1) rotate(17deg)}85%{transform:translateZ(0) scaleX(1) scaleY(1) rotate(17deg)}to{transform:translateZ(0) scaleX(3) scaleY(0) rotate(0deg)}}.all-hills{border-radius:50%;height:17.5em;position:absolute;width:21em;z-index:2}.bg-hills{background:#26314f}.fg-hills{background:#303c5d}.hill-bg-1{left:-3.5em;top:12.5em}.hill-bg-2{left:11em;top:12.3em}.hill-fg-1{left:-8.5em;top:15.5em}.hill-fg-2{left:4em;top:13.8em}.hill-fg-3{left:18.25em;top:15.5em}.weather-stats{align-items:center;background:#fff;flex-direction:row;height:25%;width:100%;z-index:3}.temp{font-size:3em}.wind-humidity{font-size:1em}.forecast{justify-content:space-between;margin-left:3.2em}.forecast-temps{font-weight:bolder}@keyframes rise{0%{transform:translate(-20px,200px)}to{transform:translate(0)};}@media (max-width:945px){.moon{height:3em;left:1.75em;top:1.5em;width:3em}.drop{bottom:3.9em}.all-hills{height:11.7em;width:14.2em}.hill-bg-1{left:-2.5em;top:8em}.hill-bg-2{left:7.8em;top:7.7em}.hill-fg-1{left:-6em;top:9em}.hill-fg-2{left:2.8em;top:8.8em}.hill-fg-3{left:9.5em;top:10em}.temp{font-size:2em}.forecast,.wind-humidity{font-size:.75em}.forecast{margin-left:1em}}@media (max-width:600px){.moon{height:3.25em;left:2.5em;top:1.75em;width:3.25em}.drop{bottom:4.4em}.forecast{margin-left:3.5em}}.day-container,.day10-circles{align-items:center;display:flex;flex-direction:column;font-family:Open Sans,Helvetica,sans-serif;justify-content:center}.date,.health-stats{font-size:.75em}.day10-circles{border-radius:50%;color:#fff;position:relative}.container-color10{background:#4c4c4c}.day10-outer-circle{background:#242424;border:.438em solid #3a3a3a;height:13em;width:13em;z-index:2}.moving-circle{border-radius:50%;height:12em;isolation:isolate;position:relative;width:12em}.moving-circle:after,.moving-circle:before{border:.188em solid red;border-radius:50%;content:"";inset:0;position:absolute;z-index:0}.moving-circle:before{clip:rect(0,6em,12em,0);animation:draw-circle 5s linear infinite;z-index:2}.moving-circle:after{clip:rect(0,6em,12em,0);animation:erase-circle 5s linear infinite;border-color:#242424;z-index:3}.dotted-circle{border:3px dotted #fff;height:10.5em;position:relative;width:10.5em;z-index:1}.time{font-size:2.5em;font-weight:700;line-height:1}.health-stats-row{display:flex;flex-direction:row!important}.heart{animation:heartbeat .5s infinite alternate;color:#f85b5b!important;font-size:1em;margin-right:.5em;width:30%}.kcal{margin-left:.75em}@keyframes heartbeat{0%,50%{transform:scale(1)}to{transform:scale(1.25)}}@keyframes draw-circle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes erase-circle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.container-color11{background:radial-gradient(#ebd8c0,#dcc1a0)}.shoe-container{animation:fade-in .8s ease-out 1s;animation-fill-mode:both;height:60%}.left-shoe,.right-shoe{height:15.313em;left:10em;position:absolute;top:0;transform-origin:50% 0;width:9.438em}.right-shoe{animation:leg-swing 2s ease-in-out 1s infinite}.right-shoe .shoe{animation:shoe-turn 2s ease-in-out 1s infinite}.left-shoe{animation:leg-swing 2s ease-in-out infinite}.left-shoe .shoe{animation:shoe-turn 2s ease-in-out infinite}.shoe{background:url(https://100dayscss.com/codepen/doc-martens.svg) 50% no-repeat;bottom:0;height:8em;left:0;position:absolute;transform-origin:0 95%;width:9.438em}.floor{background:#000;height:40%;width:100%;z-index:3}@keyframes leg-swing{0%,to{transform:rotate(-22deg)}50%{transform:rotate(40deg)}}@keyframes shoe-turn{0%,to{transform:rotate(-10deg) translateY(-5px) translateX(10px)}25%{transform:rotate(0deg) translateY(0) translateX(0)}50%{transform:rotate(10deg) translateY(-10px) translateX(10px)}75%{transform:rotate(0deg) translateY(-30px) translateX(0)}}.container-color12{background:gray}.pag-container{align-items:center;display:flex;gap:8px;justify-content:center}.pg-btn{background:#2a86e3;border-radius:3px;color:#fff;padding:.75em}
/*# sourceMappingURL=main.a8a84b09.css.map*/