*{padding:0;box-sizing:border-box;overflow-x:hidden}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{width:100vw;background-color:#fff}.features-and-action-links div a{text-decoration:none;margin-left:7.5px}.features-and-action-links div a:hover{text-decoration:underline;cursor:pointer}.home{width:100vw;background-color:#fff}.app__get-started__title-button-container{width:100%;color:#000;margin-top:150px;text-align:center}.app__get-started__title-button-container>h1{font-size:70px;width:50%;margin:0 25%}.app__get-started__title-button-container>button{padding:12px 25px;border:1px solid rgba(221,2,2,.788);background-color:rgba(221,2,2,.788);border-radius:7px;outline:none;color:#fff;font-size:20px;font-weight:700;margin-top:25px;cursor:pointer}.app__get-started__title-button-container>button:hover{-webkit-filter:brightness(105%);filter:brightness(105%)}.app__get-started__image-container{width:80%;margin:20px 10%;height:100vh;background-image:url(https://todoist.com/_next/static/images/header@2x_b52d8f7c7bf19d6c702569d1072ed6a2.webp);background-repeat:no-repeat;background-position:top;background-size:contain}.app__mobile-view-container{background-image:url(https://todoist.com/_next/static/images/screenshot@2x_44c1cf78bc12457546d889573e04345a.webp);background-repeat:no-repeat;background-position:50%;background-size:cover;width:100vw;margin:20px 0;height:150vh;z-index:-1}.mobile-view-image{height:100vh;width:70%;object-fit:contain;position:relative;top:20%;left:30%}.app__features-and-action{width:100%;text-align:center;background-color:#fff;margin-bottom:40px}.app__features-and-action h1{font-size:65px;font-weight:500;word-break:.9px}.app__features-and-action p{font-size:20px;width:50%;margin:15px 25%}.features-and-action-links{display:flex;justify-content:space-between;align-items:center;width:30%;margin:5px 35%}.features-and-action-links div{display:flex;justify-content:center;align-items:center;color:#1f1feb}.features-link{text-decoration:none;margin-left:7.5px}.features-link:hover{text-decoration:underline;cursor:pointer}.svg-ripped-effect-container{height:350px;width:100vw;background-color:#e6a327;position:relative;display:flex;justify-content:space-around;align-items:center;margin-bottom:60px}.svg-ripped-effect-container:before{top:0}.svg-ripped-effect-container:after,.svg-ripped-effect-container:before{content:" ";position:absolute;left:0;width:100%;height:60px;background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/23618/rip.svg);background-position:bottom;background-color:#e6a327}.svg-ripped-effect-container:after{top:84%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.svg-ripped-effect-container div h4{font-weight:400;font-size:20px;margin-bottom:10px}.svg-ripped-effect-container h3{margin-bottom:10px}.billion-tasks-container{display:flex;justify-content:space-around;align-items:center;margin-bottom:80px;width:80%;margin-left:10%;margin-right:10%}.billion-tasks-heading-container h1{font-size:50px}.billion-tasks-heading-container h4{font-size:25px;margin-bottom:15px}.billion-tasks-video-container{position:relative}.green-cover-image{height:400px;width:600px;object-fit:contain}.billion-tasks-video-showcase-container{position:absolute;top:68px;right:15%;background-color:#fff;height:300px;width:500px;border-radius:7px;box-shadow:5px 5px 20px 5px #888}.people-opinion-container{margin-bottom:40px}.people-quote-and-image-container{display:flex;justify-content:space-around;align-items:center;width:80%;margin:50px 10%;padding:10px}.people-quote-container{height:300px;width:450px;box-shadow:0 0 20px 3px #888}.people-profession-navbar{width:50%;margin:0 25%;display:flex;justify-content:space-between;align-items:center}.people-profession-navbar div{padding:14px;border-top:2px solid #bbb;cursor:pointer}.people-profession-navbar div:hover{border-color:rgba(221,2,2,.788)}.people-profession-navbar div h3{font-size:19px;color:#555;font-weight:450}.long-term-mission{display:flex;justify-content:space-between;align-items:center;width:70%;margin:40px 15%}.long-term-mission-image{height:400px;width:500px;overflow:hidden}.long-term-mission-image::-webkit-scrollbar{display:none}.longTermMissionImage{object-fit:contain;width:100%;height:100%}.long-term-mission-quotes h1{width:500px;overflow-wrap:break-word;font-size:50px;margin-bottom:15px}.long-term-mission-quotes h4{width:500px;overflow-wrap:break-word;font-size:20px;font-weight:380;margin-bottom:15px}.long-term-link{display:flex;align-items:center;text-decoration:none}.long-term-link:hover{text-decoration:underline}.piece-of-mind-container{height:60vh;width:70%;margin:40px 15%;display:flex;justify-content:space-between;align-items:center}.peaceOfMindImage{height:400px;width:500px;object-fit:contain}.peace-of-mind-heading h1{width:600px;overflow-wrap:break-word;font-size:50px;margin-bottom:15px}.peace-of-mind-heading button{border:1px solid rgba(221,2,2,.788);background-color:rgba(221,2,2,.788);padding:10px 25px;outline:none;border-radius:7px;cursor:pointer;color:#fff;font-size:20px}.peace-of-mind-heading button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}@media only screen and (max-width:320px){.app__get-started__title-button-container>h1{font-size:30px;width:80%;margin:0 10%}.app__get-started__title-button-container>button{padding:8px 12px;font-size:14px}.app__get-started__image-container{height:200px}.app__mobile-view-container{width:100vw;height:450px;z-index:-1}.mobile-view-image{height:300px}.app__features-and-action{margin-bottom:10px}.app__features-and-action h1{font-size:25px;font-weight:400;word-break:0}.app__features-and-action p{font-size:14px;width:80%;margin:10px 10% 20px}.features-and-action-links{width:100%;margin:0;justify-content:center}.features-and-action-links div{font-size:10px;display:flex;justify-content:center;margin-right:10px}.svg-ripped-effect-container{margin-bottom:20px;height:250px;padding:10px}.svg-ripped-effect-container div h4{font-size:16px}.svg-ripped-effect-container div h2,.svg-ripped-effect-container div h3{font-size:12px}.billion-tasks-container{display:inline;display:initial;margin-bottom:10px;width:100%}.billion-tasks-heading-container{width:100%;text-align:center}.billion-tasks-heading-container h1{font-size:15px;width:70%;margin-left:15%;margin-right:15%}.billion-tasks-heading-container h4{font-size:10px;margin-bottom:5px;width:70%;margin-left:15%;margin-right:15%}.green-cover-image{height:300px;width:390px;object-fit:contain}.billion-tasks-video-showcase-container{position:absolute;top:68px;right:15%;background-color:#fff;height:200px;width:400px;border-radius:7px;box-shadow:5px 5px 20px 5px #888}.people-opinion-container{margin-bottom:10px}.people-quote-and-image-container{width:80%;margin:5px 10%;padding:5px}.people-quote-container{height:100px;width:450px;box-shadow:0 0 20px 3px #888}.people-profession-navbar{width:90%;margin:0 5%}.people-profession-navbar div{margin-top:10px;padding:0}.people-profession-navbar div h3{font-size:9px;color:#555;font-weight:450}.long-term-mission{display:inline;display:initial;width:90%;margin:10px 10%}.long-term-mission-image{height:200px;width:100%}.long-term-mission-image::-webkit-scrollbar{display:none}.longTermMissionImage{object-fit:contain;width:100%;height:100%}.long-term-mission-quotes h1{font-size:25px}.long-term-mission-quotes h1,.long-term-mission-quotes h4{width:90%;margin-bottom:5px;margin-left:5%;margin-right:5%;text-align:center}.long-term-mission-quotes h4{font-size:12px}.long-term-link{font-size:80%;width:90%;margin-left:10%;margin-right:5%;text-align:center}.piece-of-mind-container{height:300px;width:90%;display:inline;display:initial;margin:30px 5% 10px}.peaceOfMindImage{height:150px;width:100%}.peace-of-mind-heading{text-align:center}.peace-of-mind-heading h1{width:80%;font-size:25px;margin:15px 5% 5px}.peace-of-mind-heading button{padding:7px 15px;font-size:12px;margin-top:10px}}@media only screen and (max-width:426px){.app__get-started__title-button-container>h1{font-size:30px;width:80%;margin:0 10%}.app__get-started__title-button-container>button{padding:8px 12px;font-size:14px}.app__get-started__image-container{height:200px}.app__mobile-view-container{width:100vw;height:450px;z-index:-1}.mobile-view-image{height:300px}.app__features-and-action{margin-bottom:10px}.app__features-and-action h1{font-size:25px;font-weight:400;word-break:0}.app__features-and-action p{font-size:14px;width:80%;margin:10px 10% 20px}.features-and-action-links{width:100%;margin:0;justify-content:center}.features-and-action-links div{font-size:10px;display:flex;justify-content:center;margin-right:10px}.svg-ripped-effect-container{margin-bottom:20px;height:250px;padding:10px}.svg-ripped-effect-container div h4{font-size:16px}.svg-ripped-effect-container div h2,.svg-ripped-effect-container div h3{font-size:12px}.billion-tasks-container{display:inline;display:initial;margin-bottom:10px;width:100%}.billion-tasks-heading-container{width:100%;text-align:center}.billion-tasks-heading-container h1{font-size:15px;width:70%;margin-left:15%;margin-right:15%}.billion-tasks-heading-container h4{font-size:10px;margin-bottom:5px;width:70%;margin-left:15%;margin-right:15%}.green-cover-image{height:300px;width:390px;object-fit:contain}.billion-tasks-video-showcase-container{position:absolute;top:68px;right:15%;background-color:#fff;height:200px;width:400px;border-radius:7px;box-shadow:5px 5px 20px 5px #888}.people-opinion-container{margin-bottom:10px}.people-quote-and-image-container{width:80%;margin:5px 10%;padding:5px}.people-quote-container{height:100px;width:450px;box-shadow:0 0 20px 3px #888}.people-profession-navbar{width:90%;margin:0 5%}.people-profession-navbar div{margin-top:10px;padding:0}.people-profession-navbar div h3{font-size:9px;color:#555;font-weight:450}.long-term-mission{display:inline;display:initial;width:90%;margin:10px 10%}.long-term-mission-image{height:200px;width:100%}.long-term-mission-image::-webkit-scrollbar{display:none}.longTermMissionImage{object-fit:contain;width:100%;height:100%}.long-term-mission-quotes h1{font-size:25px}.long-term-mission-quotes h1,.long-term-mission-quotes h4{width:90%;margin-bottom:5px;margin-left:5%;margin-right:5%;text-align:center}.long-term-mission-quotes h4{font-size:12px}.long-term-link{font-size:80%;width:90%;margin-left:20%;margin-right:5%;text-align:center}.piece-of-mind-container{height:300px;width:90%;display:inline;display:initial;margin:30px 5% 10px}.peaceOfMindImage{height:150px;width:100%}.peace-of-mind-heading{text-align:center}.peace-of-mind-heading h1{width:80%;font-size:25px;margin:15px 5% 5px}.peace-of-mind-heading button{padding:7px 15px;font-size:12px;margin-top:10px}}@media only screen and (max-width:769px) and (min-width:426px){.app__get-started__title-button-container>h1{font-size:35px;width:90%;margin:0 5%}.app__get-started__title-button-container>button{padding:10px 15px;font-size:16px}.app__get-started__image-container{height:400px}.app__mobile-view-container{width:100vw;height:500px;z-index:-1}.mobile-view-image{height:320px}.app__features-and-action h1{font-size:28px}.app__features-and-action p{font-size:16px;width:80%;margin:10px 10% 20px}.features-and-action-links{width:100%;margin:0;justify-content:center}.features-and-action-links div{font-size:14px;display:flex;justify-content:center;margin-right:50px}.svg-ripped-effect-container{margin-bottom:20px;height:300px;padding:10px}.svg-ripped-effect-container div h4{font-size:18px}.svg-ripped-effect-container div h3{font-size:13px}.svg-ripped-effect-container div h2{font-size:15px}.billion-tasks-heading-container h1{font-size:25px}.billion-tasks-heading-container h4{font-size:21px;margin-bottom:10px}.people-opinion-container{margin-bottom:10px}.people-quote-and-image-container{width:80%;margin:5px 10%;padding:5px}.people-quote-container{height:200px;width:60%;box-shadow:0 0 20px 3px #888;margin:0 20%}.people-profession-navbar{width:80%;margin:0 10%}.people-profession-navbar div{margin-top:10px;padding:0}.people-profession-navbar div h3{font-size:10px;color:#555;font-weight:450}.long-term-mission{display:inline;display:initial;width:90%;margin:10px 10%}.long-term-mission-image{height:200px;width:100%}.long-term-mission-image::-webkit-scrollbar{display:none}.longTermMissionImage{object-fit:contain;width:100%;height:100%}.long-term-mission-quotes h1{width:90%;font-size:30px;margin-bottom:5px;margin-left:5%;margin-right:5%;text-align:center}.long-term-mission-quotes h4{width:70%;font-size:15px;margin-bottom:5px;margin-left:15%;margin-right:15%;text-align:center}.long-term-link{font-size:80%;width:90%;margin-left:32%;margin-right:5%;text-align:center}.piece-of-mind-container{height:300px;width:90%;display:inline;display:initial;margin:30px 5% 10px}.peaceOfMindImage{height:220px;width:100%}.peace-of-mind-heading{text-align:center}.peace-of-mind-heading h1{width:80%;font-size:25px;margin:15px 10% 5px}.peace-of-mind-heading button{padding:10px 19px;font-size:15px;margin-top:10px}}@media only screen and (max-width:1025px) and (min-width:769px){.features-and-action-links{width:100%;margin:0;justify-content:center}.features-and-action-links div{font-size:16px;display:flex;justify-content:center;margin-right:50px}.people-quote-and-image-container{width:80%;margin:5px 10%;padding:5px}.people-quote-container{height:300px;width:60%;box-shadow:0 0 20px 3px #888;margin:0 20%}.people-profession-navbar{width:60%;margin:0 20%}.people-profession-navbar div{margin-top:10px;padding:0}.people-profession-navbar div h3{font-size:15px;color:#555;font-weight:450}.long-term-mission{width:85%;margin:40px 7.5%}.long-term-mission-image{height:350px;width:400px}.long-term-mission-quotes h1{width:500px;font-size:35px}.long-term-mission-quotes h4{width:450px;font-size:14px}.piece-of-mind-container{width:85%;margin:40px 7.5%}.peaceOfMindImage{height:300px;width:500px;object-fit:contain}.peace-of-mind-heading h1{width:400px;font-size:38px}.peace-of-mind-heading button{border:1px solid rgba(221,2,2,.788);background-color:rgba(221,2,2,.788);padding:10px 25px;outline:none;border-radius:7px;cursor:pointer;color:#fff;font-size:20px}.peace-of-mind-heading button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}}@media only screen and (max-width:1441px) and (min-width:1026px){.people-quote-and-image-container{width:80%;margin:50px 10%}.people-quote-container{height:400px;width:500px}.people-profession-navbar{width:70%;margin:0 15%;display:flex;justify-content:space-between;align-items:center}.people-profession-navbar div{padding:15px;border-top:2px solid #bbb;cursor:pointer}.people-profession-navbar div h3{font-size:17px;color:#555;font-weight:450}.peace-of-mind-heading h1{width:375px;font-size:30px}}.navbar{width:100%;padding:0 15%;height:70px;position:fixed;background-color:#fff;z-index:5}.navbar,.navbar__left{display:flex;justify-content:space-between;align-items:center}.navbar__left__logo{height:60px;width:120px;object-fit:contain;margin-right:15px}.navbar__right{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width:376px){.navbar__left__logo{height:30px;width:60px;object-fit:contain;margin-right:15px}.navbar{height:50px}}.navbaritems__title{padding:20px 15px;font-weight:400;color:grey;height:70px;cursor:pointer}.navbaritems__title:hover{background-color:#e6e4e4;border-bottom:2px solid red;-webkit-transform:scale(1);transform:scale(1)}.link{text-decoration:none;color:grey}@media only screen and (max-width:526px){.navbaritems__title{padding:5px 3px;height:30px;font-size:12px}}.footer{display:flex;justify-content:space-between;align-items:center;width:70%;margin:40px 15%}.footer__left{align-self:flex-start}.footerImage{height:40px;width:40px;object-fit:contain;margin-bottom:15px}.footer__left h4{font-weight:400;font-size:20px;width:350px;word-wrap:break-word;margin-bottom:15px}.footer__left__socialIcons{display:flex;justify-content:space-between;align-items:center;width:150px}.fb,.ig,.tw,.yt{color:#888;cursor:pointer}.fb:hover,.ig:hover,.tw:hover,.yt:hover{color:#000}.footer__right{display:flex;justify-content:space-between;align-items:flex-start;width:500px}.footer__right div h3{font-weight:400;margin-bottom:20px;font-size:15px;color:#888}.footer__right div h2{margin-bottom:15px;font-weight:400;font-size:15px;cursor:pointer}.footer__right div h2:hover{-webkit-text-decoration:underline #000;text-decoration:underline #000}@media only screen and (max-width:769px){.footer{display:inline;display:initial;width:90%;margin:10px 5%;text-align:center}.footer__left{margin-bottom:10px}.footer__left h4{font-size:14px;width:90%;margin-left:5%;margin-right:5%}.footer__left__socialIcons{width:60%;margin-left:20%;margin-right:20%}.footer__right{display:flex;width:90%;padding:10px;margin:0 5%}.footer__right div h3{margin-bottom:10px;font-size:13px}.footer__right div h2{margin-bottom:8px;font-size:10px}}@media only screen and (max-width:1025px) and (min-width:769px){.footer{width:80%;margin:40px 10%}.footer__right div h3{font-size:14px}.footer__right div h2{margin-bottom:14px}.footer__left h4{width:80%;font-size:90%}}@media only screen and (max-width:1200px) and (min-width:1026px){.footer__left h4{width:80%;font-size:90%}}.login{width:100vw;display:flex;justify-content:center;align-items:center}.login,.login__card{height:100vh;background-color:#fff}.login__card{width:450px;max-width:500px;border:1px solid #111;border-radius:7px;padding-top:15px}.login__card__todoistLogo{height:50px;width:100px;object-fit:contain;margin-left:20px}.login__card h2{margin-bottom:20px;width:90%;margin-left:5%;margin-right:5%}.f-password,.keep-logged{width:90%;margin:10px 5%;display:flex;align-items:center;color:grey;font-size:13px}.f-link{text-decoration:none;color:grey}.f-link:hover{text-decoration:underline;cursor:pointer}.no-account{margin:10px 5%}.sign-up{text-decoration:none;color:rgba(221,2,2,.788);margin-left:10px}.sign-up:hover{text-decoration:underline;cursor:pointer}@media only screen and (min-width:1100px){.login__card{height:95vh}}.InputBox h4{width:90%;margin-left:5%;margin-right:5%;margin-bottom:5px;font-size:15px}.emailBox,.nameBox,.passwordBox{width:90%;margin-left:5%;margin-right:5%;border:1px solid grey;margin-bottom:10px;border-radius:4px;padding:8px 0 8px 15px;outline:none}.emailBox:focus,.nameBox:focus,.passwordBox:focus{border-color:#000}.loginButton,.submitButton{width:90%;margin:10px 5%;border:1px solid rgba(221,2,2,.788);padding:8px 0;background-color:rgba(221,2,2,.788);color:#fff;border-radius:4px;opacity:.9}.loginButton:hover,.submitButton:hover{opacity:1;cursor:pointer}.signup{height:100vh;width:100vw;background-color:#fff;display:flex;justify-content:center;align-items:center}.signup__card{width:450px;max-width:500px;background-color:#fff;border:1px solid #111;border-radius:7px;padding-top:15px;padding-bottom:30px;overflow:hidden}.signup__card__todoistLogo{height:50px;width:100px;object-fit:contain;margin-left:20px}.signup__card h2{margin-bottom:20px;width:90%;margin-left:5%;margin-right:5%}.continue-with-apple,.continue-with-facebook,.continue-with-google{width:90%;margin-left:5%;margin-right:5%;text-align:center;border:1px solid grey;padding:7px 0;margin-bottom:10px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:13px}.continue-with-apple:hover,.continue-with-facebook:hover,.continue-with-google:hover{background-color:#ccc;cursor:pointer}.horizontalOr{display:flex;align-items:center;width:90%;margin:15px 5%;color:grey;font-size:15px}.no-account{width:90%;margin:25px 5%;text-align:center}.log-in{margin-left:10px}.log-in,.privacy-policy,.terms-of-service{text-decoration:none;color:rgba(221,2,2,.788)}.log-in:hover,.privacy-policy:hover,.terms-of-service:hover{text-decoration:underline;cursor:pointer}.signup__terms{width:90%;margin:25px 5%;font-size:13px;line-height:20px}.goback{width:90%;margin:15px 5%;cursor:pointer;display:flex;align-items:center;padding:2px;vertical-align:middle}.goback:hover{background-color:#ccc;width:50%}@media only screen and (max-width:320px){.signup__card{height:100%;width:100%}}
/*# sourceMappingURL=main.4186f20b.chunk.css.map */