@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap);:root{--lightblue:#d4d4ff;--babyblue:#96b9ed;--discordblue:#7289da;--discordlightgrey:#99aab5;--discorddarkgrey:#2c2f33;--darkblue:#6464c8;--darkdarkblue:#323296;--lightbluegrey:#c8c8e1;--lightred:#ff8880}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#96b9ed;background-color:var(--babyblue);display:grid;font-family:Poppins,serif;margin:0;place-items:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button:hover{cursor:pointer}.webpage-container{align-items:center;display:flex;flex-direction:column;justify-content:space-around;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-journal .webpage-container{position:absolute;top:15%;width:100%}.webpage-link{background:linear-gradient(90deg,#64c8c8,#64c8c8),linear-gradient(90deg,red,#ff00b4,#0064c8);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% 5px,0 5px;color:#fff;font-size:4vw;font-weight:700;text-decoration:none;-webkit-transform-origin:center;transform-origin:center;transition:background-size .75s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.webpage-link h1{-webkit-animation:wiggle 3s infinite;animation:wiggle 3s infinite;line-height:0}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}90%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}90%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.webpage-link:hover{background-size:0 5px,100% 5px;cursor:pointer}.webpage-subtitle{color:#fff;font-size:2.5vw;line-height:0;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-journal .webpage-subtitle{font-size:4vw}.bubbles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.bubble{background-color:#d4d4ff;background-color:var(--lightblue);opacity:.5;-webkit-transform:translate(0);transform:translate(0);-webkit-transform:translate(var(--parallax-x,0),var(--parallax-y,0));transform:translate(var(--parallax-x,0),var(--parallax-y,0));transition:-webkit-transform 5s cubic-bezier(.1,1,1,.1);transition:transform 5s cubic-bezier(.1,1,1,.1);transition:transform 5s cubic-bezier(.1,1,1,.1),-webkit-transform 5s cubic-bezier(.1,1,1,.1)}.bubble,.warp-btn{border-radius:50%;position:absolute}.warp-btn{align-items:center;background-color:#7289da;background-color:var(--discordblue);color:#fff;display:flex;flex-direction:column;height:20vh;justify-content:space-around;opacity:.75;pointer-events:all;text-align:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;transition:width .5s,height .5s;width:20vh}.warp-btn:hover{cursor:pointer;height:25vh;width:25vh}.warp-btn h1{font-size:2.5vh}.surrounding-bubbles{background-color:#7289da;background-color:var(--discordblue);border-radius:50%;opacity:.5;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.react-calendar{background-color:#fff;border:0;border-radius:1.25vh;box-shadow:var(--darkdarkblue) 0 20px 25px -5px,var(--darkdarkblue) 0 10px 10px -5px;color:var(--darkblue);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:1.25vh;padding-bottom:2.5vh;padding-top:1.25vh;padding-inline:.75vw;width:30vw}.react-calendar__navigation{-webkit-margin-end:0;margin-inline-end:0;margin-bottom:3vh;padding-inline:0;width:100%}.react-calendar__navigation button{background:none;color:var(--darkblue);font-size:1.5vw;left:0;margin-top:1.5vh;padding-inline:.5vw}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button[disabled]{background-color:#fff}abbr[title]{font-size:1vw;text-decoration:none}.react-calendar__tile{font-size:1vw;padding-block:1.25vh;padding-inline:.5vw;width:1.5vw}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background:#fff;color:var(--darkblue)}.react-calendar__tile--now,.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#6f48eb33;color:var(--darkblue);font-weight:700}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#fff}.react-calendar__tile--active{font-weight:700}.react-calendar__tile--active,.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:var(--darkblue);color:#fff}.react-calendar__tile--active abbr{background-color:initial}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#fff}.react-calendar__tile--range{background:#fff;color:var(--darkblue)}.react-calendar__tile--rangeEnd,.react-calendar__tile--rangeStart{background:var(--darkblue);color:#fff}.login-card{background-color:#fff;border-radius:2.5vh;display:flex;flex-direction:column;height:50%;justify-content:space-around;left:50%;min-height:350px;min-width:350px;padding-block:2vh;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:30%}.login-card h1{font-size:4vh;line-height:0;margin-top:0}.login-btn{align-self:center;background-color:#fff;border:solid #000;border-radius:1vh;border-width:1px 1px .5vh;color:#000;font-size:2vh;font-weight:700;padding:2vh;transition:background-color .5s;width:50%}.login-btn:hover{background-color:var(--lightbluegrey);cursor:pointer}.login-btn:active{border-bottom:1px solid #000;margin-top:calc(.5vh - 1px)}.email-submission{display:flex;flex-direction:row;justify-content:space-around;left:50%;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);width:80%}.email-input{border-bottom:.5vh solid #000;border-bottom-left-radius:2vh;border-right:none;border-top-left-radius:2vh;font-size:2vh;padding:1vh 1vh 1vh 2vh;width:75%}.send-code-btn{background-color:#fff;border-bottom:.5vh solid #000;border-bottom-right-radius:2vh;border-top-right-radius:2vh;font-size:2vh;padding-block:.5vh;transition:background-color .5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.send-code-btn:hover{background-color:var(--lightbluegrey)}.send-code-btn:active{border-bottom:1px solid #000;margin-top:calc(.5vh - 1px)}.code-input{border:solid #000;border-radius:1vh;border-width:2px 2px .5vh;font-size:2.5vh;opacity:1;padding:1vh;transition:opacity 1s;width:75%}.hidden-code{opacity:0}.hidden-code:hover{cursor:default}.warning-shake{-webkit-animation:horizontal-shake .25s infinite;animation:horizontal-shake .25s infinite}@-webkit-keyframes horizontal-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(.5vh);transform:translateX(.5vh)}50%{-webkit-transform:translateX(-.5vh);transform:translateX(-.5vh)}75%{-webkit-transform:translateX(.5vh);transform:translateX(.5vh)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes horizontal-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(.5vh);transform:translateX(.5vh)}50%{-webkit-transform:translateX(-.5vh);transform:translateX(-.5vh)}75%{-webkit-transform:translateX(.5vh);transform:translateX(.5vh)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.single-task-page{display:flex;flex-direction:row;height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%}.single-task-header{color:#fff;font-size:4vh;left:0;position:absolute;width:100%}.closed-calendar{align-items:center;background-color:var(--discordblue);border-radius:50%;display:flex;flex-direction:column;height:25vh;justify-content:center;left:25%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center;transform-origin:center;transition:width .5s,height .5s;width:25vh}.closed-calendar:hover{cursor:pointer;height:30vh;width:30vh}.closed-journal{align-items:center;background-color:#7289da;border-radius:50%;display:flex;flex-direction:column;height:25vh;justify-content:center;position:absolute;right:25%;top:50%;-webkit-transform:translate(50%,-50%);transform:translate(50%,-50%);-webkit-transform-origin:center;transform-origin:center;transition:width .5s,height .5s;width:25vh}.closed-journal:hover{cursor:pointer;height:30vh;width:30vh}.animate-calendar-opening{left:25%}.animate-calendar-opening,.animate-journal-opening{align-items:center;background-color:var(--discordblue);border-radius:0;display:flex;flex-direction:column;height:100%;justify-content:space-around;pointer-events:none;position:absolute;top:50%;transition:border-radius .9s,width .9s,height .9s;width:50%}.animate-journal-opening{right:25%}.opened-calendar{background-color:var(--discordblue);display:flex;flex-direction:column;height:100%;left:0;position:absolute;top:0;width:50%}.calendar-animate-close{left:-50%;transition:left .45s}.opened-journal{background-color:var(--discordblue);height:100%;position:absolute;right:0;top:0;width:50%}.journal-animate-close{right:-50%;transition:right .45s}.calendar-container{display:flex;flex-direction:row;justify-content:center;left:50%;padding:4vh 2.5vw;position:relative;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}.calendar-events-container{background-color:#fff;border-radius:1.5vh;box-shadow:var(--darkdarkblue) 0 20px 25px -5px,var(--darkdarkblue) 0 10px 10px -5px;flex:auto;line-height:.75vh;margin:0 2.5vw;padding:1.5vh 1.5vw;text-align:left}.calendar-events-header{display:flex;flex-direction:row;font-size:.8vw;justify-content:space-between;padding-bottom:.75vh}.calendar-events-list{height:85%;overflow:auto;padding-right:1vw;width:100%}.calendar-event-card{background-color:var(--lightbluegrey);border-radius:2vh;display:flex;flex-direction:column;margin:1vh 0;padding:1.5vh 1.5vw}.calendar-event-header{display:flex;flex-direction:row;font-size:1vw;justify-content:space-between}.calendar-event-text{font-size:1.25vw;height:auto;line-height:2.25vh;overflow:hidden;text-decoration:line-through;text-decoration-color:transparent;transition:text-decoration-color .5s;width:100%}.calendar-event-text p{margin-block:.5vh}.calendar-event-text:hover{cursor:pointer;text-decoration-color:var(--lightred)}.slider{height:0;margin-top:-.5vh;padding:0;visibility:hidden;width:0}.notif-switch{background:var(--lightbluegrey);border-radius:3vh;cursor:pointer;display:block;height:2vw;margin-right:1vw;position:relative;width:3.5vw}.notif-switch:after{background-color:var(--darkdarkblue);border-radius:50%;content:"";height:1.5vw;left:.25vw;position:absolute;top:.25vw;transition:.3s;width:1.5vw}.slider:checked+.notif-switch{background:var(--darkblue)}.slider:checked+.notif-switch:after{left:calc(100% - .25vw);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.notif-switch:active:after{width:1.5vw}.add-event{background-color:#fff;border-radius:1vh;display:flex;flex-direction:column;justify-content:space-around;padding-inline:.5vw;transition:background-color .5s}.add-event:hover{background-color:var(--lightblue);cursor:pointer}.journal-top-pad{height:5%}.add-entry{background-color:#fff;border-radius:1vh;display:flex;flex-direction:column;justify-content:space-around;padding-inline:.5vw;transition:background-color .5s}.add-entry:hover{background-color:var(--lightblue);cursor:pointer}.journal-entries-container{background-color:#fff;border-radius:1.5vh;box-shadow:var(--darkdarkblue) 0 20px 25px -5px,var(--darkdarkblue) 0 10px 10px -5px;height:87%;line-height:.75vh;margin:0 2.5vw;padding:1.5vh 1.5vw;text-align:left}.journal-container-header{display:flex;flex-direction:row;font-size:.8vw;justify-content:space-between;padding-bottom:.75vh}.journal-entries-list{height:90%;overflow:auto;padding-right:1vw;width:100%}.journal-entry-card{background-color:var(--lightbluegrey);border-radius:1em;margin:1vh 0;padding:1.5vh 1.5vw 2vh}.journal-entry-card h1{font-size:1.5vw;padding-bottom:.5vh}.journal-entry-card h2{font-size:1.25vw;padding-bottom:.5vh}.journal-entry-text{font-size:1.1vw;line-height:2vw;text-decoration:line-through;text-decoration-color:transparent;transition:text-decoration-color .5s}.journal-entry-text:hover{cursor:pointer;text-decoration-color:var(--lightred)}::-webkit-scrollbar{width:1vw}::-webkit-scrollbar-track{margin-block:1vw}::-webkit-scrollbar-thumb{background:var(--lightbluegrey);border:.25vw solid #fff;border-radius:.5vw}.new-calendar-event{background-color:#fff;border-radius:2vh;box-shadow:1vh 1vw var(--discordblue),-1vh -1vw var(--discordlightgrey);display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;left:50%;padding-inline:1vw;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}.new-calendar-event h1{font-size:1.6vw;margin-bottom:0}.new-calendar-form-title{display:flex;flex-direction:column;font-size:1.25vw;margin-block:.5vh;text-align:left}.new-calendar-event-title{height:5vh;padding:1vh;padding-inline:.75vw;resize:none}.new-calendar-event-title,.submit-btn{border:solid #000;border-width:1px 1px .5vh;font-size:1.25vw}.submit-btn{background-color:#fff;cursor:pointer;padding-block:.5vh;padding-inline:.5vw;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.submit-btn:active,.submit-btn:hover{background-color:var(--discordlightgrey)}.submit-btn:active{border-bottom:1px solid #000;margin-top:calc(.5vh - 1px)}.btn-container{flex-direction:row;margin-bottom:3vh;margin-top:2vh}.btn-container,.habit-collection{display:flex;justify-content:space-between}.habit-collection{flex-direction:column;transition:width .5s,height .5s;width:100%}.habit-ribbon{display:flex;height:5vh;overflow:hidden;-webkit-transform-origin:center left;transform-origin:center left;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.habit-ribbon:hover{cursor:pointer;-webkit-transform:scale(1.5,1.25);transform:scale(1.5,1.25)}.habit-ribbon-textbox{display:flex;flex-direction:column;justify-content:space-around}.habit-ribbon-text{font-size:1.1vw;padding-inline:.5vw;-webkit-transform-origin:center left;transform-origin:center left;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;vertical-align:middle}.habit-ribbon:hover .habit-ribbon-text{-webkit-transform:scale(.67,.8);transform:scale(.67,.8)}.habit-ribbon-triangles{display:flex;flex-direction:column;width:3vw}.ribbon-bottom,.ribbon-top{height:50%;width:100%}@media (max-width:800px){.single-task-page{flex-direction:column}}.task-collection{display:flex;flex-direction:row;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.task-card{display:flex;flex-direction:column;height:20%;transition:width 1s,height 1s;width:100%}.task-card:hover{cursor:pointer;height:85%;width:150%}.task-card-text{height:75%}.task-card h1{text-align:center}.task-card p{font-size:1.125em;padding:0 .5em}.task-card-triangles{display:flex;flex-direction:row;height:0;transition:height .5s}.task-card:hover .task-card-triangles{height:25%}.task-card-left-triangle,.task-card-right-triangle{height:100%;width:50%}.recommendations-page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;left:0;overflow:hidden;position:absolute;top:0;width:100%}.recommendations-header{color:#fff;font-size:2.5vw;line-height:5vw;position:relative;text-align:center;width:90vw}.recommendations-header h1{margin-block:0;margin-top:2vh}.card-carousel{-webkit-overflow-scrolling:touch;align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-width:300px;overflow-x:auto;padding-top:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:85%}.recommendation-card{-webkit-margin-end:1vw;border-radius:2vh;flex-shrink:0;height:500px;margin-inline-end:1vw;scroll-snap-align:start;width:300px}.recommendation-title{height:200px}.recommendation-card h1{font-size:2.5vh}.recommendation-title{background-color:var(--darkblue);border-top-left-radius:2vh;border-top-right-radius:2vh;color:#fff;display:flex;flex-direction:column;overflow:hidden;text-align:center;text-overflow:ellipsis}.recommendation-title h1{margin-block:0;padding-inline:1vh}.recommendation-title h1 span{background-color:var(--darkdarkblue)}.recommendation-text{background-color:#fff;bottom:100%;color:#000;height:300px;overflow:auto;padding-block:0;padding-inline:1.5vh;text-align:left}.recommendation-link{color:#fff;cursor:pointer;opacity:1;padding:1vh 1vh 0;text-align:right}.card-carousel::-webkit-scrollbar{height:1.5vh}.card-carousel::-webkit-scrollbar-thumb{background:var(--darkdarkblue);border:none;border-radius:0;border-bottom-left-radius:1vh;border-bottom-right-radius:1vh}.journal-prompt{display:flex;flex-direction:row;justify-content:space-around;left:0;margin:0;padding:0;position:absolute;top:50%;width:100%}.journal-input{border:0 solid var(--discordblue);border-radius:4vh;box-shadow:2vh 1.5vh var(--darkblue);font-size:2vh;padding:2vh;padding-inline:3vh;width:90%}
/*# sourceMappingURL=main.f7257831.css.map*/