@import"https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";*,html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0}*,:before,:after{box-sizing:border-box}ol,ul,li{list-style:none}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}em{font-style:italic}a{text-decoration:none}:root{--anti-flash: #fafafa;--light-grey: #f1f2f6;--mid-grey: #d9e0e8;--heavy-grey: #6a6e72;--letter-spacing: 1px;--global-bg: #fafafa;--global-text-color: #6a6e72}.container{width:100%;margin:0 auto}@media(min-width: 1024px){.container{max-width:960px}}@media(min-width: 1280px){.container{max-width:1200px}}@media(min-width: 1440px){.container{max-width:960px}}.flex{display:flex}.flex.flex--x{flex-direction:row}.flex--x-start{justify-content:flex-start}.flex--x-end{justify-content:flex-end}.flex.flex--y{flex-direction:column}.flex--y-start{align-items:flex-start}.flex--y-end{align-items:flex-end}.flex--y-cen{align-items:center}.flex--wrap{flex-wrap:wrap}.flex--no-wrap{flex-wrap:nowrap}.flex--center{align-items:center;justify-content:center}.flex .basis-1{flex-basis:calc(8.3333333333% - var(--gap) + var(--gap)/(12/1))}.flex .basis-2{flex-basis:calc(16.6666666667% - var(--gap) + var(--gap)/(12/2))}.flex .basis-3{flex-basis:calc(25% - var(--gap) + var(--gap)/(12/3))}.flex .basis-4{flex-basis:calc(33.3333333333% - var(--gap) + var(--gap)/(12/4))}.flex .basis-5{flex-basis:calc(41.6666666667% - var(--gap) + var(--gap)/(12/5))}.flex .basis-6{flex-basis:calc(50% - var(--gap) + var(--gap)/(12/6))}.flex .basis-7{flex-basis:calc(58.3333333333% - var(--gap) + var(--gap)/(12/7))}.flex .basis-8{flex-basis:calc(66.6666666667% - var(--gap) + var(--gap)/(12/8))}.flex .basis-9{flex-basis:calc(75% - var(--gap) + var(--gap)/(12/9))}.flex .basis-10{flex-basis:calc(83.3333333333% - var(--gap) + var(--gap)/(12/10))}.flex .basis-11{flex-basis:calc(91.6666666667% - var(--gap) + var(--gap)/(12/11))}.flex .basis-12{flex-basis:calc(100% - var(--gap) + var(--gap)/(12/12))}@media(max-width: 640px){.flex.flex--sm-x{flex-direction:row}.flex.flex--sm-y{flex-direction:column}}@media(min-width: 640px){.flex .basis-sm-1{flex-basis:calc(8.3333333333% - var(--gap) + var(--gap)/(12/1))}.flex .basis-sm-2{flex-basis:calc(16.6666666667% - var(--gap) + var(--gap)/(12/2))}.flex .basis-sm-3{flex-basis:calc(25% - var(--gap) + var(--gap)/(12/3))}.flex .basis-sm-4{flex-basis:calc(33.3333333333% - var(--gap) + var(--gap)/(12/4))}.flex .basis-sm-5{flex-basis:calc(41.6666666667% - var(--gap) + var(--gap)/(12/5))}.flex .basis-sm-6{flex-basis:calc(50% - var(--gap) + var(--gap)/(12/6))}.flex .basis-sm-7{flex-basis:calc(58.3333333333% - var(--gap) + var(--gap)/(12/7))}.flex .basis-sm-8{flex-basis:calc(66.6666666667% - var(--gap) + var(--gap)/(12/8))}.flex .basis-sm-9{flex-basis:calc(75% - var(--gap) + var(--gap)/(12/9))}.flex .basis-sm-10{flex-basis:calc(83.3333333333% - var(--gap) + var(--gap)/(12/10))}.flex .basis-sm-11{flex-basis:calc(91.6666666667% - var(--gap) + var(--gap)/(12/11))}.flex .basis-sm-12{flex-basis:calc(100% - var(--gap) + var(--gap)/(12/12))}}@media(min-width: 1024px){.flex .basis-md-1{flex-basis:calc(8.3333333333% - var(--gap) + var(--gap)/(12/1))}.flex .basis-md-2{flex-basis:calc(16.6666666667% - var(--gap) + var(--gap)/(12/2))}.flex .basis-md-3{flex-basis:calc(25% - var(--gap) + var(--gap)/(12/3))}.flex .basis-md-4{flex-basis:calc(33.3333333333% - var(--gap) + var(--gap)/(12/4))}.flex .basis-md-5{flex-basis:calc(41.6666666667% - var(--gap) + var(--gap)/(12/5))}.flex .basis-md-6{flex-basis:calc(50% - var(--gap) + var(--gap)/(12/6))}.flex .basis-md-7{flex-basis:calc(58.3333333333% - var(--gap) + var(--gap)/(12/7))}.flex .basis-md-8{flex-basis:calc(66.6666666667% - var(--gap) + var(--gap)/(12/8))}.flex .basis-md-9{flex-basis:calc(75% - var(--gap) + var(--gap)/(12/9))}.flex .basis-md-10{flex-basis:calc(83.3333333333% - var(--gap) + var(--gap)/(12/10))}.flex .basis-md-11{flex-basis:calc(91.6666666667% - var(--gap) + var(--gap)/(12/11))}.flex .basis-md-12{flex-basis:calc(100% - var(--gap) + var(--gap)/(12/12))}.flex.flex--md-x{flex-direction:row}.flex.flex--md-y{flex-direction:column}}@media(min-width: 1280px){.flex .basis-lg-1{flex-basis:calc(8.3333333333% - var(--gap) + var(--gap)/(12/1))}.flex .basis-lg-2{flex-basis:calc(16.6666666667% - var(--gap) + var(--gap)/(12/2))}.flex .basis-lg-3{flex-basis:calc(25% - var(--gap) + var(--gap)/(12/3))}.flex .basis-lg-4{flex-basis:calc(33.3333333333% - var(--gap) + var(--gap)/(12/4))}.flex .basis-lg-5{flex-basis:calc(41.6666666667% - var(--gap) + var(--gap)/(12/5))}.flex .basis-lg-6{flex-basis:calc(50% - var(--gap) + var(--gap)/(12/6))}.flex .basis-lg-7{flex-basis:calc(58.3333333333% - var(--gap) + var(--gap)/(12/7))}.flex .basis-lg-8{flex-basis:calc(66.6666666667% - var(--gap) + var(--gap)/(12/8))}.flex .basis-lg-9{flex-basis:calc(75% - var(--gap) + var(--gap)/(12/9))}.flex .basis-lg-10{flex-basis:calc(83.3333333333% - var(--gap) + var(--gap)/(12/10))}.flex .basis-lg-11{flex-basis:calc(91.6666666667% - var(--gap) + var(--gap)/(12/11))}.flex .basis-lg-12{flex-basis:calc(100% - var(--gap) + var(--gap)/(12/12))}.flex.flex--lg-x{flex-direction:row}.flex.flex--lg-y{flex-direction:column}}.grid{display:grid}.grid-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-12{grid-template-columns:repeat(12, minmax(0, 1fr))}@media(min-width: 640px){.grid-md-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-md-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-md-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-md-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-md-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-md-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-md-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-md-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-md-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-md-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-md-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-md-12{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media(min-width: 1024px){.grid-lg-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-lg-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-lg-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-lg-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-lg-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-lg-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-lg-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-lg-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-lg-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-lg-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-lg-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-lg-12{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media(min-width: 1280px){.grid-xlg-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.grid-xlg-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid-xlg-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.grid-xlg-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-xlg-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.grid-xlg-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.grid-xlg-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.grid-xlg-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.grid-xlg-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.grid-xlg-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.grid-xlg-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.grid-xlg-12{grid-template-columns:repeat(12, minmax(0, 1fr))}}.col-span--1{grid-column:span 1/span 1}.col-span--2{grid-column:span 2/span 2}.col-span--3{grid-column:span 3/span 3}.gap-0{--gap: 0rem;gap:0rem}.gap-1{--gap: 0.25rem;gap:.25rem}.gap-2{--gap: 0.5rem;gap:.5rem}.gap-3{--gap: 0.75rem;gap:.75rem}.gap-4{--gap: 1rem;gap:1rem}.gap-5{--gap: 1.25rem;gap:1.25rem}.gap-6{--gap: 1.5rem;gap:1.5rem}.gap-7{--gap: 1.75rem;gap:1.75rem}.gap-8{--gap: 2rem;gap:2rem}.gap-9{--gap: 2.25rem;gap:2.25rem}.gap-10{--gap: 2.5rem;gap:2.5rem}.gap-11{--gap: 2.75rem;gap:2.75rem}.gap-12{--gap: 3rem;gap:3rem}.gap-13{--gap: 3.25rem;gap:3.25rem}.gap-14{--gap: 3.5rem;gap:3.5rem}.gap-15{--gap: 3.75rem;gap:3.75rem}.gap-16{--gap: 4rem;gap:4rem}body{background:var(--global-bg);color:var(--global-text-color);font-family:"Space Mono",monospace;font-size:16px;font-weight:400;font-style:normal}.text__center{text-align:center}.text__right{text-align:right}.text__left{text-align:left}.title{font-size:1.5rem}@media(max-width: 480px){.title{font-size:1.125rem}}.list{padding-left:1.25rem}.list.list--disc li{list-style:disc}.al-center{align-items:center}.space-bet{justify-content:space-between}.grow-1{flex-grow:1}.container{margin:4.25rem auto;max-width:960px}@media(max-width: 768px){.container{padding:0 1.25rem}}.header{--logo-size: 100px;--nav-item-hover-bg: #f1f2f6;--nav-item-active-bg: #ffe1e1;--nav-item-active-color: #f43f3f}.header__logo{padding:1.25rem;background:var(--global-box-background);border-radius:2rem}.header__logo img{width:100%;max-width:var(--logo-size);display:block;-o-object-fit:cover;object-fit:cover}.header__socials{padding:1.25rem}.header__socials a{display:flex}.form__wrap{width:100%;position:relative}.form__input{width:100%;padding:0.75rem calc(1.5rem*2) 0.75rem 1rem;outline:none;border:1px solid #d9e0e8;background:#fafafa;border-radius:0.5rem;font-size:.875rem;color:var(--global-text-color)}.form__error{border:1px solid #e22020}.form__error-msg{position:absolute;display:block;bottom:-24px;font-size:.75rem;font-style:italic;font-weight:300;color:#e22020;transform:rotateX(90deg);transition:180ms all ease-in-out}.form__error-msg.form__error-msg--show{transform:rotateX(0);animation:230ms ease hide-error-msg}@keyframes hide-error-msg{0%{transform:rotateX(90deg)}100%{transform:rotateX(0)}}::-moz-placeholder{color:#d9e0e8;opacity:1}::placeholder{color:#d9e0e8;opacity:1}::-ms-input-placeholder{color:#d9e0e8}.btn{background:#f1f2f6;border:1px solid rgba(0,0,0,0);border-radius:0.5rem;padding:0.5rem 0.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:180ms all ease-in-out}.btn:hover{background:#fef2f2;border-color:#ffc8c8}.btn.btn--inform{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%)}.btn.btn--done{background:#f1f2f6;border-color:#d9e0e8;cursor:help}.btn.btn--done img{width:18px;height:18px}.btn.btn--update{background:#f1f2f6;border-color:#d9e0e8;cursor:help}.btn.btn--update img{width:18px;height:18px}.btn .icon{display:block;width:16px;height:16px}.tasktrack{padding:1.5rem;border:1px solid #d9e0e8;border-radius:2rem}.tasktrack h3{font-size:1.125rem;line-height:24px;color:#727272;text-transform:uppercase;margin-bottom:1.5rem}.tasktrack__create{display:flex;align-items:center;position:relative;margin-bottom:1.5rem}.tasktrack .tasklist{margin-bottom:1.25rem}.tasktrack .tasklist li{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.5rem 0;border-bottom:1px solid #f1f2f6}.tasktrack .tasklist li:last-child{border-bottom:0}@media(max-width: 480px){.tasktrack .tasklist li{flex-direction:column;align-items:flex-start}}.tasktrack .tasklist__title{font-size:.875rem;line-height:20px;cursor:pointer;display:flex;align-items:center;gap:0.5rem;max-width:80%}@media(max-width: 480px){.tasktrack .tasklist__title{max-width:100%}}.tasktrack .tasklist__status{display:block;font-size:.75rem;line-height:16px;padding:0.25rem 0.5rem;border-radius:0.25rem;border:1px solid rgba(0,0,0,0);min-width:-moz-max-content;min-width:max-content}.tasktrack .tasklist__status--todo{color:#57ab5a;background:rgba(70,149,74,.15);border-color:rgba(70,149,74,.38)}.tasktrack .tasklist__status--in-progress{color:#c69026;background:rgba(198,144,38,.15);border-color:rgba(198,144,38,.38)}.tasktrack .tasklist__status--done{color:#986ee2;background:rgba(152,110,226,.15);border-color:rgba(152,110,226,.38)}.tasktrack .tasklist__actions{display:flex;flex-direction:row;gap:8px}.tasktrack .tasklist__actions input[name=update]{cursor:pointer}.tasktrack .tasklist__actions input[type=checkbox]{display:none}