@import url(https://sapphire-ui.netlify.app/css/components.css);.main-container{min-height:70vh;width:100%}html{scroll-behavior:smooth}body{background-color:var(--white-color)}::-webkit-scrollbar{height:2px;width:3px}::-webkit-scrollbar-thumb{background:var(--primary-darker-color);border-radius:.625rem}.hero{margin:auto auto 5rem;width:85%}.hero-left{width:50%}.hero-info{color:var(--content-text-color);margin:20% auto 7rem;width:90%}.hero-heading-small{color:var(--accent-color);font-size:4.5rem;margin-bottom:1.5rem;text-align:center}.hero-content{font-size:2.2rem;margin-bottom:3rem;margin-top:2rem}.hero-info-btns{align-items:center;-webkit-column-gap:1rem;column-gap:1rem;flex-wrap:wrap}.hero-info-btns .cta-btn{background-color:var(--primary-darker-color);padding:1rem 2rem}.hero-info-btns .btn{font-size:2.2rem}.hero-info-btns .btn-outline-default{padding:1rem 5rem}.hero-info-btns .btn:hover{-webkit-filter:brightness(100%);filter:brightness(100%)}.hero-right{justify-content:flex-end;width:50%}.hero-right img{max-width:70%;min-height:350px;min-width:350px}@media only screen and (max-width:1100px){.hero{align-items:center;flex-direction:column;margin-bottom:10rem}.hero-left{width:100%}.hero-right{justify-content:center;width:90%}}@media only screen and (max-width:560px){.hero-info .hero-heading-small{font-size:3.3rem}.hero-content,.hero-info-btns .btn{font-size:1.8rem}.hero-info-btns .btn-outline-default{padding:1rem 4rem}.hero-right img{min-height:300px;min-width:300px}}.navbar{align-items:center;background-color:var(--white-color);padding:1.5rem}#nav-logo{color:var(--primary-darker-color);font-size:3rem;margin-left:4rem;width:20rem}.logo-txt{display:inline;padding-right:.8rem}.nav-items{-webkit-column-gap:1rem;column-gap:1rem;font-size:1.8rem;margin-right:5rem}.github-btn{padding:1rem 2rem}.github-btn-mobile{display:none}.navigation{flex-grow:1;justify-content:flex-end}.github-link,.toggle-modes{padding:0 2rem}.toggle-modes{color:var(--primary-darker-color);font-size:2.3rem}@media only screen and (max-width:600px){#nav-logo{font-size:2rem;margin-left:2rem}.nav-items{margin-right:2rem}.github-link,.toggle-modes{margin:0 .5rem;padding:0}.github-btn{font-size:1.6rem;padding:1rem}}@media only screen and (max-width:400px){.github-btn{display:none}.github-btn-mobile{color:var(--primary-darker-color);display:block}.github-btn-mobile,.toggle-modes{font-size:2rem}}.task-not-found-container{margin:auto auto 5rem;padding:6rem 2rem 4rem;row-gap:1rem;width:80%}.task-not-found-heading{color:var(--default-darker-color);font-size:3.4rem}.task-not-found-img{height:35rem;width:35rem}.pomodoro-task-section{grid-column-gap:3rem;grid-row-gap:3rem;background-color:var(--primary-lighter-color);color:var(--default-darker-color);-webkit-column-gap:3rem;column-gap:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(365px,1fr));margin:4rem;padding:3rem;row-gap:3rem;word-break:break-word}.pomodoro-task-section section{background-color:var(--lynx-white);border-radius:5rem}.return-to-task-page-btn{background-color:var(--primary-darker-color);font-size:1.6rem;padding:1rem 2rem;word-break:break-word}.control-icons{margin-right:1rem}.return-task-page-container{display:grid;grid-template-columns:repeat(auto-fit,1fr);padding:2rem 1rem;word-break:break-word}.countdown-timer{height:100%;margin:0 auto;padding:2.5rem 0;width:100%}.timer-value{font-size:6.5rem}.timer-complete,.timer-value{color:var(--default-darker-color)}.timer-complete{font-size:4rem}.timer-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:2rem;word-break:break-word}.timer-controls .timer-control-btn{font-size:1.6rem;min-height:4rem;padding:1rem 2rem}.start-btn{background-color:var(--default-darker-color)}.stop-btn{background-color:var(--primary-darker-color)}.restart-btn{background-color:var(--danger-darker-color);grid-column:1/3}.task-details-container{height:100%;min-height:30rem;padding:3rem}.task-description{font-size:2rem;padding-top:3rem}.task-description,.task-details-heading{margin-left:1.5rem}@media only screen and (max-width:510px){.pomodoro-task-section{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:1rem}.timer-controls{gap:0;padding:1rem}}@media only screen and (max-width:450px){.task-not-found-heading{font-size:2.4rem}.task-not-found-img{height:30rem;width:30rem}}.task-container{padding:3rem}.task-page-welcome-heading{color:var(--accent-color);font-size:4.5rem;margin-bottom:2rem}.task-count-heading{color:var(--content-text-color)}.task-count-heading,.task-page-welcome-heading{margin-left:1rem}.tasks-section{background-color:var(--primary-lighter-color);color:var(--default-darker-color);margin:4rem 0;padding:3rem}.tasks-section-heading{align-items:center;justify-content:space-between;margin-bottom:2rem}.task-section-title{font-size:3.2rem}.tasks-section .add-task-btn{background-color:var(--default-color);height:4.8rem;padding:1.5rem;width:4.8rem}@media only screen and (max-width:450px){.task-container{padding:0}.task-page-welcome-heading{font-size:3rem}.task-count-heading{font-size:2.2rem}.task-section-title{font-size:2.5rem}.tasks-section .add-task-btn{height:3.5rem;width:3.5rem}}.task-list{row-gap:2rem}.task-item{background-color:var(--lynx-white);border:2px solid var(--primary-color);padding:2rem}.task-details{flex-grow:1;width:50%}.task-heading{word-wrap:break-word;color:var(--default-darker-color);font-size:2.4rem;margin-bottom:2rem}.task-properties{word-wrap:break-word;color:var(--content-text-color);font-size:1.8rem}.task-operations{-webkit-column-gap:3rem;column-gap:3rem;font-size:2.5rem;padding:2rem}.view-pomodoro-btn{color:var(--default-color)}.edit-task-btn{color:var(--primary-darker-color)}.delete-task-btn{color:var(--danger-color)}.delete-task-btn:hover,.edit-task-btn:hover,.view-pomodoro-btn:hover{-webkit-filter:brightness(75%);filter:brightness(75%)}@media only screen and (max-width:450px){.task-properties{font-size:1.6rem}.task-operations{-webkit-column-gap:1.5rem;column-gap:1.5rem;font-size:2.2rem;padding:1rem}}.modal{max-height:70rem;width:35rem}.modal .btn-close{top:11%}.modal-overlay{background-color:var(--white-color);bottom:0;display:none;height:100%;left:0;position:fixed;right:0;top:0;transition:background-color .15s ease;width:100%;z-index:3}.display-modal-overlay{background-color:var(--modal-overlay-color);display:block}.display-modal{-webkit-transform:translate(-50%);transform:translate(-50%)}.task-form{align-items:center;justify-content:center;width:95%}.form-item{padding:1rem 1rem 0;width:100%}.form-input-label{font-size:1.8rem}.form-input-field{margin-top:1rem;width:95%}.form-text-area{font-size:1.8rem;height:40%;resize:none;width:95%}.form-input-slider{accent-color:var(--accent-color);padding:.5rem;width:95%}.datalist{align-items:center;font-size:1.4rem;justify-content:space-between;margin-bottom:1rem}.range-markers{font-weight:600}.form-input-field,.form-text-area{border-radius:.3rem}.form-actions{justify-content:flex-end;margin-top:1rem;padding:0 1rem;width:100%}.form-actions .btn{cursor:pointer;font-size:1.6rem;padding:1rem 2rem}.form-actions .btn-disable{background-color:var(--gray-color);border:none;color:var(--white-color);cursor:not-allowed}.modal-error{color:var(--danger-color)}.modal-error,.modal-success{align-self:flex-start;font-size:1.6rem;margin-left:.5rem;margin-top:.5rem}.modal-success{color:var(--success-color)}@media only screen and (max-width:800px){.modal{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.display-modal{-webkit-transform:translate(-50%,5%) scale(.88);transform:translate(-50%,5%) scale(.88)}}.page-not-found-container{margin:auto auto 5rem;padding:6rem 2rem 4rem;row-gap:1rem;width:80%}.page-not-found-heading{color:var(--default-darker-color);font-size:3.4rem}.page-not-found-img{height:35rem;width:35rem}@media only screen and (max-width:450px){.page-not-found-heading{font-size:2.4rem}.page-not-found-img{height:30rem;width:30rem}}
/*# sourceMappingURL=main.825c6992.css.map*/