@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;250;300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;650;700;800&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif}body{background:linear-gradient(#f6f1fb,#b9e8fc)}.fade-enter-active,.fade-leave-active{transition:opacity .4s}.fade-enter-from,.fade-leave-to{opacity:0}.ocean{height:5%;width:100%;position:relative;bottom:0;left:0;background:#015871}.wave{background:url(https://cdn.kcak11.com/codepen_assets/wave_animation/wave.svg) repeat-x;position:absolute;top:-196px;width:6400px;height:198px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;transform:translateZ(0)}.wave:nth-of-type(2){top:-175px;animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}.endWave{display:none}.todayObj{font-size:1.3rem;font-weight:700;color:#333}.TodayLogs{height:100%;width:100%;margin:30px;color:#333}.taskLog{display:flex;margin:40px 0;width:100%;height:auto}.leftTask{display:flex;flex-direction:column;width:50%}.rightTask{display:flex;flex-direction:column;justify-content:center;width:50%}.taskName{font-weight:600;font-size:1.5rem;letter-spacing:2px;padding-bottom:10px}.timer{border-radius:40px;background-color:#fac9ad;width:90px;height:30px;font-size:12px;display:flex;flex-direction:row;align-items:center;font-weight:600;color:#843305;justify-content:center}.timer svg{height:25px;width:25px;margin-right:5px}.buttons{display:flex;flex-direction:row;align-items:center}.buttons a{width:130px;height:40px;text-decoration:none;cursor:pointer;margin-top:20px;font-weight:700;font-size:.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:8px}.how{background-color:#d0e0f8;margin-right:10px;color:#063b89}.how:hover{background-color:#bad4fc}.how svg{margin-left:5px}.done{background:#d1f8db;color:#03543f;fill:#03543f}.done:hover{background-color:#abeac4}.taskDescription{margin-top:25px;margin-left:17px;font-weight:300;line-height:30px}.quote{margin-top:20px;font-style:italic;font-size:.75rem;font-weight:300}.author{font-style:italic;font-size:.75rem;font-weight:300}@media (max-width: 768px){.taskLog{flex-direction:column}.leftTask,.rightTask{width:100%}}.CancelTask{margin-top:20px;font-family:monospace;color:#fa7676;font-weight:lighter;font-size:.7rem;border-bottom:solid 1px #949494;padding-bottom:5px;width:75px;cursor:pointer}.CancelTask:hover{border-bottom:#fa7676 solid 1px}.emptyQ{display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-size:1.1rem;color:#333}.emptyQ button{margin-top:10px}.signoutButton{font-size:.9rem;display:flex;flex-direction:row;align-items:center;justify-content:center}img{margin-right:10px}.navh{width:100%;height:10%;padding:1% 9% 0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;position:fixed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}li img{margin-right:10px}.logoh{font-weight:600;font-size:1.2rem;background:transparent;border:none;cursor:pointer;margin-bottom:10px}.logoh h2{color:#03595a}#profile img{border-radius:50%;width:25px;cursor:pointer}#profile{background:transparent;border:none;margin-right:40px}.leftNav{display:flex;flex-direction:row;align-items:baseline;width:90px}.more span{width:4px;height:4px;margin:3px;background:#03595a;border-radius:50%;display:block}.more:hover{cursor:pointer}.menus{position:absolute;margin-top:40px;width:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:white;height:100px;font-weight:600;font-size:.9rem;box-shadow:0 4px 4px #fffefe30,0 4px 4px #3939393b;border-radius:8px;color:#4e4d4d}.menus li{list-style:none;width:120px;height:35px;display:flex;justify-content:center;align-items:center;margin:5px}.menus li:hover{cursor:pointer;background-color:#d5e6fc;border-radius:5px}body{font-family:Poppins,sans-serif;font-weight:200}.containerh{height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.hih{width:60%;min-height:230px;margin:50px 20% 30px;border-radius:8px;border:dashed 2px #07838575}.mainh{width:60%;margin:0% 20%;border:solid 1px #07838575;border-radius:8px;height:auto;display:flex;flex-wrap:wrap;background-color:#fff;min-height:500px}.middleh{padding-bottom:200px;margin-top:50px}@media (max-width: 768px){.hih,.mainh{width:90%;margin-left:5%;margin-right:5%}}.welcomeUser{width:90%;height:100%;margin:5%;display:flex;flex-direction:column;font-weight:650;font-size:1.6rem;color:#202020}.startBtn{background-color:#05a7aa;border:none;margin-top:30px;width:100px;height:45px;border-radius:8px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:600;font-size:1rem;cursor:pointer}.startBtn svg{fill:#fff;margin-left:10px}.startBtn:hover{background-color:#09a0a2}.footerh{margin-top:100px}