@import url(https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Odibee+Sans&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);:root{--ff-primary:"Raleway",sans-serif;--ff-display:"Odibee Sans",cursive;--ff-secondary:"Merriweather",serif;--color-1:#8c2336;--color-2:#f2e63d;--color-3:#f2c335;--color-4:#f28627;--color-5:#f24738;--color-dark:#262626;--color-light:#f2eddc;--color-accent:#f28627;--color-accent-light:#f24738}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--ff-primary)}html{scroll-behavior:smooth}.NavbarItems{height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2em}.navbar-logo{color:var(--color-5);justify-self:start;margin-left:1em;font-family:var(--ff-display);font-size:1.8em;cursor:pointer}.nav-menu{display:grid;grid-template-columns:repeat(2,auto);grid-gap:10px;list-style:none;text-align:center;width:70vw;justify-content:end;margin-right:2rem}.nav-links{color:var(--color-5);text-decoration:none;font-size:1.25em;font-weight:700;padding:.5em 1em}.nav-links:hover{color:var(--color-dark);background:var(--color-3);border-radius:.5em;transition:all .75s ease-out}.fa-bars{color:var(--color-5)}.menu-icon{display:none}@media only screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:100vh;position:absolute;justify-content:flex-start;top:80px;left:-100%;opacity:1;transition:all .75s ease}.nav-menu.active{background-color:#fff;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;width:100%;display:table}.nav-links:hover{background-color:var(--color-3);border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.5em;cursor:pointer}.fa-times{color:var(--color-5)}}.footer{height:25vh;background:var(--color-dark);color:var(--color-light);justify-content:center;font-size:1.5em}.footer,.hero{display:grid;align-items:center}.hero{width:75vw;min-height:80vh;margin:5em auto 2em;padding:1em;grid-template-columns:2fr 1fr;grid-row-gap:5em;row-gap:5em;grid-column-gap:1em;-moz-column-gap:1em;column-gap:1em}.left-panel>h1{font-family:var(--ff-primary);color:var(--color-5);font-size:3em}.left-panel>p{font-family:var(--ff-secondary);color:var(--color-dark);font-size:1.5em}.left-panel>button{background:var(--color-3);color:var(--color-dark);border:none;border-radius:.5em;padding:1em 2em;font-size:1em;font-weight:700;margin:2em 0}.left-panel>button:hover{background:var(--color-5);color:var(--color-light);transition:all .25s ease-out}.right-panel{background-color:var(--color-3);height:25vh;width:25vh;border-radius:50%;justify-self:center;overflow:hidden}.right-panel>img{height:100%;-o-object-fit:contain;object-fit:contain}@media only screen and (max-width:960px){.hero{width:85vw;margin:5em auto;grid-template-columns:1fr}.right-panel{height:20vh;width:20vh;grid-row:1}}@media only screen and (max-width:600px){.hero{width:80vw;margin:5em auto;grid-template-columns:1fr}.left-panel{display:grid;padding:1em 0}}.why-me-section{min-height:80vh;background:var(--color-3);padding:5em 15em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 5fr;grid-column-gap:3em;-moz-column-gap:3em;column-gap:3em;text-align:center;justify-content:center;align-items:center}.section-header{grid-column:1/-1;font-size:3em;font-family:var(--ff-display)}.why-me-section h1{font-family:var(--ff-primary);font-size:2em;color:var(--c);border-bottom:2px solid var(--color-dark);padding-bottom:1em;margin-bottom:1em}.why-me-section p{font-family:var(--ff-secondary);font-size:1.2em}@media only screen and (max-width:1200px){.why-me-section{padding:5em 8em}}@media only screen and (max-width:960px){.why-me-section{padding:5em}}@media only screen and (max-width:600px){.why-me-section{grid-template-columns:1fr;grid-row-gap:3em;row-gap:3em}.why-me-section h1{text-align:center;margin-bottom:1em}}.service-section{background-color:var(--color-light);min-height:80vh;padding:5em 15em;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 5fr;grid-column-gap:3em;-moz-column-gap:3em;column-gap:3em;text-align:center;justify-content:center;align-items:center}.service-section h1{font-family:var(--ff-primary);font-size:2em;color:var(--color-dark);border-bottom:2px solid var(--color-dark);padding-bottom:1em;margin-bottom:1em}.service-section p{font-family:var(--ff-secondary);font-size:1.2em}@media only screen and (max-width:1200px){.service-section{padding:5em 8em}}@media only screen and (max-width:960px){.service-section{padding:5em}}@media only screen and (max-width:600px){.service-section{grid-template-columns:1fr;grid-row-gap:3em;row-gap:3em}.service-section h1{text-align:center;margin-bottom:1em}}.profile-page{display:grid;min-height:80vh}.profile-card{min-height:50vh;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;justify-content:center}.profile-info{justify-self:center;display:grid;grid-row-gap:1em;row-gap:1em}.profile-info h2{color:var(--color-5);font-family:var(--ff-display);font-size:2.5em}.profile-info p{color:var(--color-dark);font-family:var(--ff-secondary);font-size:1.2em}.profile-info button{background:var(--color-3);color:var(--color-dark);border:none;border-radius:.5em;padding:1em 2em;font-size:1em;font-weight:700}.profile-info button:hover{background:var(--color-5);color:var(--color-light);transition:all .25s ease-out}.profile-picture{justify-self:center;background:var(--color-3);height:20vh;width:20vh;border-radius:50%;overflow:hidden}.profile-picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media only screen and (max-width:960px){.profile-card{grid-template-columns:1fr}.profile-picture{grid-row:1}.profile-info{text-align:center}}.notification{display:grid;padding:1em;justify-content:center;margin:1em 15em;border-radius:.5em;border:2px solid var(--color-5)}@media only screen and (max-width:1200px){.notification{margin:1em 5em}}@media only screen and (max-width:600px){.notification{margin:1em}}.my-btn{cursor:pointer;background:var(--color-3);color:var(--color-dark);border:none;border-radius:.5em;padding:1em 2em;font-size:1em;font-weight:700}.my-btn:hover{background:var(--color-5);color:var(--color-light);transition:all .25s ease-out}.sign-up-page{min-height:80vh;display:grid;place-content:center}.sign-up-page p{color:var(--color-dark);font-size:1.2em}.google-section{min-height:30vh;margin-bottom:10em;text-align:center}.auth-form,.google-section{display:grid;place-content:center}.auth-form{grid-row-gap:1em;row-gap:1em;margin-top:10em}.auth-form h1{color:var(--color-5);font-size:2em}.auth-form h1,.auth-form p{font-family:var(--ff-primary)}.auth-form p{color:var(--color-dark);font-size:1em}.auth-form input{justify-self:center;padding:1em;font-family:var(--ff-secondary);font-size:1em;width:100%}.auth-form .toggle-sign-in{border:none;padding-bottom:.15em;background:transparent;font-size:1.2em;color:var(--color-5);font-weight:700;cursor:pointer;justify-self:start}.auth-form .toggle-sign-in:hover{color:var(--color-4);transition:all .25s ease-out}.suggestion{font-family:var(--ff-primary);font-weight:500}.modal-form{height:100vh;display:grid;place-content:center;background:inherit;transition:transform .5s ease-out}.edit-profile,.edit-profile-form{display:grid;grid-row-gap:1em;row-gap:1em;place-content:center}.edit-profile h1{color:var(--color-5);font-family:var(--ff-primary);font-size:2em}.edit-profile input{justify-self:center;padding:1em;font-family:var(--ff-secondary);font-size:1em;width:100%}.error-msg{color:var(--color-5)!important;width:100%;font-size:.8em!important;font-weight:500}@media only screen and (max-width:960px){.auth-form{margin-left:20%;margin-right:20%}.edit-profile-form{margin-left:1em;margin-right:1em}}@media only screen and (max-width:600px){.auth-form{max-width:350px}.auth-form,.edit-profile-form{margin-left:1em;margin-right:1em}}.notification-tab{margin-top:5em}.notification-tab h2{text-align:center;color:var(--color-5);font-family:var(--ff-display);font-size:2em}.add-task-trigger{margin:5em 1em;display:grid;place-content:center}.my-icon{margin-right:.5em}.task-list{display:grid}.task-list h1{text-align:center}.available-task-list{display:grid;grid-row-gap:1em;row-gap:1em;padding:0 5em}@media screen and (max-width:960px){.available-task-list{padding:0 3em}}@media screen and (max-width:600px){.available-task-list{padding:0 1em}}.single-task{padding:1em;width:100%;border-radius:.5em;background:var(--color-3);margin-bottom:2em}.top-part{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:.5em;-moz-column-gap:.5em;column-gap:.5em}.top-right-part{display:flex;justify-content:flex-end;align-items:center;grid-column-gap:1em;-moz-column-gap:1em;column-gap:1em}.deadline{font-size:.85em}.milestone-list{display:grid;grid-row-gap:1em;row-gap:1em;padding:1em}.milestone{border:1px solid var(--color-dark);border-radius:.25em;padding:1em;display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:.5em;-moz-column-gap:.5em;column-gap:.5em}.milestone-btn-wrapper{display:flex;justify-content:flex-end}.my-btn-small{cursor:pointer;background:transparent;color:var(--color-dark);border:none;border-radius:.5em;padding:.125em .25em;font-size:1.2em;font-weight:700}.my-btn-small:hover{color:var(--color-accent-light);transition:all .25s ease-out}.milestone-regular{font-weight:600}.milestone-completed{text-decoration:line-through;font-style:italic}.add-task-page{min-height:80vh;padding-top:10em;padding-bottom:10em}.add-task-page,.my-form{display:grid;place-content:center}.my-form{grid-row-gap:1em;row-gap:1em}.my-form input{justify-self:center;padding:1em;font-family:var(--ff-secondary);font-size:1em;width:350px}.my-form>h2{font-size:2em}.my-form>h2,.my-form>p{font-family:var(--ff-primary);color:var(--color-dark)}.my-form>p{font-size:1.2em;font-weight:600}.add-milestone{display:grid;grid-row-gap:1em;row-gap:1em}.warning-message{color:var(--color-5)!important;width:100%;font-size:.8em!important;font-weight:600}.milestone-input-wrapper{display:flex;align-items:center;justify-content:flex-start;grid-column-gap:.5em;-moz-column-gap:.5em;column-gap:.5em}.milestone-input-wrapper>input{width:280px}.milestone-input-wrapper>button{cursor:pointer;background:transparent;color:var(--color-dark);border:none;border-radius:.5em;padding:.125em .25em;font-size:1.2em;font-weight:700}.milestone-input-wrapper>button:hover{color:var(--color-accent-light);transition:all .25s ease-out}.center-text{text-align:center;margin-top:1em;margin-bottom:1em;color:var(--color-dark);font-family:var(--ff-primary);font-size:1.5em}.email-link{text-decoration:none;color:var(--color-dark);font-family:var(--ff-secondary);font-size:1.2em}