@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);:root{--heading-color:#444;--text-color:#999;--primary-color:#8d69f1;--primary2-color:#c0a9ff;--highlight-color:#d13267;--bg-color:#f4f4f4}body{font-family:Poppins,sans-serif;font-family:var(--font-body);margin:0;font-size:var(--step--5);background:#f4f4f4;background:var(--bg-color)}h1,h2,h3,h4,li,p,ul{margin:0;padding:0}ul{list-style-type:none}.page-title{font-size:1em;color:#444;color:var(--heading-color);display:inline-block}.btn{background:#fff;padding:8px 12px;border-radius:4px;color:#8d69f1;color:var(--primary-color);cursor:pointer;font-size:1em;border:1px solid #8d69f1;border:1px solid var(--primary-color);text-decoration:none}.btn:hover{color:#fff;background-color:#8d69f1;background-color:var(--primary-color)}label{display:block;margin:24px auto}label span{display:block;margin-bottom:6px}input,textarea{padding:8px 6px;font-size:var(--step-body-0);font-family:var(--font-body);color:#777;width:100%;box-sizing:border-box;border:none;border-bottom:1px solid var(--green-dark);outline:none;border-radius:4px}textarea{min-height:160px}.error{color:red;background:pink;border:1px solid red;border-radius:4px;padding:8px;margin:10px 0}.auth-form .btn{width:100%}:root{--font-title:"Aclonica",sans-serif;--font-banner:"Dosis",sans-serif;--font-body:"Fauna One",serif;--font-body:"Bellefair",serif;--font-body:"EB Garamond",serif;--font-body:"Cormorant Garamond",serif;--font-alt:"Staatliches",cursive;--font-alt2:"Bree Serif",serif;--green-dark:#111812;--green-mid:#283a2c;--green-mid:#628a68;--green-light:#5f8a69;--green-light-neutral:#889990;--green-alt:#009523;--neutral-black:#141414;--neutral-mid:#8c7f4b;--neutral-light:#cec9b6;--fluid-min-width:320;--fluid-max-width:900;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:900px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--6-min:14.74;--f--6-max:15.73;--step--6:calc(var(--f--6-min)/16*1rem + (var(--f--6-max) - var(--f--6-min))*var(--fluid-bp));--f--5-min:17.68;--f--5-max:19.66;--step--5:calc(var(--f--5-min)/16*1rem + (var(--f--5-max) - var(--f--5-min))*var(--fluid-bp));--f--4-min:21.22;--f--4-max:24.58;--step--4:calc(var(--f--4-min)/16*1rem + (var(--f--4-max) - var(--f--4-min))*var(--fluid-bp));--f--3-min:25.46;--f--3-max:30.72;--step--3:calc(var(--f--3-min)/16*1rem + (var(--f--3-max) - var(--f--3-min))*var(--fluid-bp));--f--2-min:30.56;--f--2-max:38.4;--step--2:calc(var(--f--2-min)/16*1rem + (var(--f--2-max) - var(--f--2-min))*var(--fluid-bp));--f--1-min:36.67;--f--1-max:48;--step--1:calc(var(--f--1-min)/16*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:44;--f-0-max:60;--step-0:calc(var(--f-0-min)/16*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:52.8;--f-1-max:75;--step-1:calc(var(--f-1-min)/16*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp))}.App{display:flex}.App .container{flex-grow:1;margin-top:5rem}.fade{opacity:0}section{transition:opacity 1s ease}#scroll{position:fixed;left:2rem;bottom:3rem;z-index:20000;-webkit-filter:invert(1);filter:invert(1);cursor:pointer;border-radius:50%;border:1px solid;box-shadow:1px 1px 5px #000}*>*{transition:color .1s ease}.btn{transition:background .1s ease,color .1s ease}@media screen and (max-width:500px){.App{flex-direction:column-reverse}.navbar{top:0}.user-list .user-list-item{flex-direction:row-reverse}.user-list{width:100%!important;margin-top:5rem}.user-list h2{text-align:left}.sidebar.show{-webkit-transform:translateX(calc(50vw - 50%));transform:translateX(calc(50vw - 50%))}.sidebar,.sidebar.show{min-width:300px;background:#5f8a69;background:var(--green-light);min-height:100vh;box-sizing:border-box;color:#fff;margin-top:4rem;display:grid;place-content:center;position:fixed!important;top:8px;left:-7px;width:100%;height:340px;border-radius:0 24px 24px 0}.sidebar{-webkit-transform:translateX(calc(16px - 100%));transform:translateX(calc(16px - 100%));cursor:pointer;transition:color .1s ease,-webkit-transform .1s ease!important;transition:color .1s ease,transform .1s ease!important;transition:color .1s ease,transform .1s ease,-webkit-transform .1s ease!important}.sidebar:not(.sidebar.show):hover{-webkit-transform:translateX(-267px);transform:translateX(-267px)}.project.list{padding-bottom:10em}}.avatar{display:inline-block;width:50px;height:50px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;background-color:#00bcd4}.project.list{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px}.project.list .top{display:flex;grid-gap:1em;gap:1em}.empty,.project.list a{background-color:#fff;padding:16px;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,.05);text-decoration:none;color:inherit}.project.list h4{font-size:.9em;color:var(--heading-color)}.project.list p{color:var(--text-color);font-size:.9em}.project.list .collaborators{margin-top:20px;padding-top:10px;border-top:1px solid #eee}.project.list ul{margin:10px 0;display:flex}.project.list li{margin-right:10px}.project.list .avatar{width:30px;height:30px}.project-filter{margin:30px auto}.project-filter nav{display:flex;padding:10px;background-color:#fff;border-radius:4px}.project-filter p{font-size:.9em;margin-right:10px}.project-filter button{background:transparent;border:0;font-family:inherit;font-weight:700;color:var(--text-color);cursor:pointer;border-right:1px solid #e4e4e4;font-size:.9em}.project-filter button:last-child{border:0}.project-filter button.active{color:var(--primary-color)}.dashboard{padding:1em}.auth-form label span{display:none}.auth-form{max-width:360px;margin:60px auto;padding:40px;border:1px solid #ddd;box-shadow:3px 3px 5px rgba(0,0,0,.05);background:#fff}.auth-form input,.auth-form textarea{transition:border-color .1s ease-in}.auth-form input:focus,.auth-form textarea:focus{border-color:var(--green-light-neutral)}.create-form{max-width:600px;margin:0 auto;padding:1em}.project-details{display:grid;grid-template-columns:3fr 2fr;align-items:start;grid-gap:60px;padding:1em}.project-summary{background-color:#fff;padding:30px;border-radius:4px}.project-summary .due-date{margin:10px 0;font-size:.9em;color:var(--title-color)}.project-summary .details{margin:30px 0;line-height:1.8em}.project-summary .details,.project-summary h4{color:var(--text-color);font-size:.9em}.project-summary .collaborators{display:flex;margin-top:20px}.project-summary .collaborators .avatar{margin-right:10px}.project-summary+.btn{margin-top:20px}.project-comments label{margin-bottom:0}.project-comments textarea{min-height:40px;font-size:1.5em}.project-comments h4{color:var(--heading-color)}.project-comments li{padding:16px;border-radius:4px;border:1px solid #f2f2f2;margin-top:20px;box-shadow:3px 3px 5px rgba(0,0,0,.05);background:#fff}.comment-creator{display:flex;align-items:center;color:var(--title-color)}.comment-creator .avatar{width:30px;height:30px;margin-right:10px}.comment-date{margin:4px 0 10px}.comment-content,.comment-date{color:var(--text-color);font-size:.9em}.navbar{width:100%;padding:1rem 1.5rem;position:fixed;box-sizing:border-box;z-index:10000;background:#111812;color:#eee}.navbar ul{margin:0 auto;justify-content:flex-end}.navbar .logo,.navbar ul{display:flex;align-items:center}.navbar .logo{font-weight:700;font-family:var(--font-title);font-size:var(--step-2);letter-spacing:1px;margin-right:auto}.navbar .logo img{margin-right:10px;-webkit-filter:invert(25%);filter:invert(25%);width:36px}.navbar a{text-decoration:none;margin-right:20px;color:#eee}.nav-link{background:transparent;padding:6px 31px;border-radius:4px;font-family:var(--font-body);color:#fff;border:none;border-color:var(--green-light);border-bottom:1px solid var(--green-light)}.nav-link:hover,.sidebar{background:var(--green-light)}.sidebar{width:300px;min-width:300px;min-height:100vh;box-sizing:border-box;position:relative;color:#fff;margin-top:4rem}.sidebar-content{position:fixed;width:inherit}.sidebar .user{font-weight:700;text-align:center;letter-spacing:1px;padding:40px 30px;border-bottom:1px solid hsla(0,0%,100%,.2)}.sidebar .links{margin-top:80px;margin-left:20px}.sidebar .links li{margin-top:10px}.sidebar .links a{display:flex;padding:10px;text-decoration:none;width:100%;color:#fff;box-sizing:border-box}.sidebar .links img{margin-right:10px;-webkit-filter:invert(100%);filter:invert(100%)}.sidebar .links a.active{color:#555;background:var(--bg-color);border-radius:20px 0 0 20px}.sidebar .links .active img{-webkit-filter:invert(40%);filter:invert(40%)}.user-list{width:250px;min-width:250px;padding:30px;margin-top:4rem;box-sizing:border-box;background:#fbfbfb;color:var(--heading-color)}.user-list h2{text-align:right;margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid #eee;font-size:1.2em}.user-list .user-list-item{display:flex;justify-content:flex-end;align-items:center;margin:20px auto}.user-list .avatar{margin-left:10px;width:40px;height:40px}.user-list .online-user{display:inline-block;margin-right:10px;width:12px;height:12px;background:#0ebb50;border-radius:50%;margin-top:2px}.splash{display:flex;flex-direction:column}.box{max-width:700px;padding:0 1rem;flex:1 1;margin:0 auto;display:grid;place-content:center}::-webkit-scrollbar{display:none}section{height:100vh;position:sticky;top:2rem;display:flex;justify-content:center;align-items:center;color:#eee;padding:0 var(--step-6);text-align:center;background:#333;background-size:cover;background-position:50%;background-blend-mode:difference;background-color:#111812}section:not(.hero):before{pointer-events:none;content:"";width:100%;height:100%;position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);isolation:inherit;z-index:-1;background:linear-gradient(180deg,transparent 5%,transparent 64%,rgba(0,0,0,.6))}.feature:nth-child(2){margin-top:100vh}.box>h1{font-size:var(--step--1);line-height:1;font-weight:bolder;color:beige}.box>p{margin-top:1.5em;font-size:var(--step--4);font-weight:300;line-height:1.5}.hero{position:fixed;width:100%;z-index:-1;font-size:300px;height:100vh}.hero h1{font-size:calc(3.25679rem + 27.98793vw);font-size:var(--hero-step--1);font-family:var(--font-title);text-shadow:2px 2px 8px rgba(0,0,0,.23137254901960785),-2px 0 11px rgba(0,0,0,.1411764705882353);color:#eee}.feature h1{font-family:var(--font-body);letter-spacing:1px;word-spacing:3px;color:var(--green-light);text-shadow:2px 2px 3px var(--green-dark),-1px -1px 1px var(--neutral-light);font-weight:bolder}.feature.email h1{color:var(--primary2-color);text-shadow:0 0 12px rgba(0,0,0,.6),2px 3px 2px rgba(0,0,0,.5411764705882353);font-weight:bolder}section.testimonal:after{pointer-events:none;content:"";position:absolute;height:100%;width:100%;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);background:linear-gradient(0deg,transparent 5%,transparent 64%,rgba(0,0,0,.6))}.testimonal{height:50vh;position:sticky;top:25%;margin-bottom:64rem}.testimonal.demo{height:100vh;position:sticky;top:0;margin-bottom:0}.splash textarea{padding:1em}.splash input[type=email]{text-align:center}section.cta{background-blend-mode:color-dodge}@media screen and (max-width:400px){.splash{flex-direction:column}}.navlink.btn,.testimonal.btn{padding:8px 12px;cursor:pointer;font-size:1em;text-decoration:none}.cta>.box>.nav-link.btn,.navlink.btn,.testimonal.btn{background:var(--green-light);border-radius:4px;color:#fff;border:1px solid var(--green-dark)}.cta>.box>.nav-link.btn{padding:18px 25px;font-size:var(--step--2);margin:1em;font-weight:bolder}.cta>.box>.nav-link.btn:hover{background:var(--primary-color)}:root{--fluid-hero-min-width:320;--fluid-hero-max-width:900;--fluid-hero-screen:100vw;--fluid-hero-bp:calc((var(--fluid-hero-screen) - var(--fluid-hero-min-width)/16*1rem)/(var(--fluid-hero-max-width) - var(--fluid-hero-min-width)))}@media screen and (min-width:900px){:root{--fluid-hero-screen:calc(var(--fluid-hero-max-width)*1px)}}:root{--hero-f--2-min:118.06;--hero-f--2-max:243.2;--hero-step--2:calc(var(--hero-f--2-min)/16*1rem + (var(--hero-f--2-max) - var(--hero-f--2-min))*var(--fluid-hero-bp));--hero-f--1-min:141.67;--hero-f--1-max:304;--hero-step--1:calc(var(--hero-f--1-min)/16*1rem + (var(--hero-f--1-max) - var(--hero-f--1-min))*var(--fluid-hero-bp));--hero-f-0-min:170;--hero-f-0-max:380;--hero-step-0:calc(var(--hero-f-0-min)/16*1rem + (var(--hero-f-0-max) - var(--hero-f-0-min))*var(--fluid-hero-bp));--hero-f-1-min:204;--hero-f-1-max:475;--hero-step-1:calc(var(--hero-f-1-min)/16*1rem + (var(--hero-f-1-max) - var(--hero-f-1-min))*var(--fluid-hero-bp));--hero-f-2-min:244.8;--hero-f-2-max:593.75;--hero-step-2:calc(var(--hero-f-2-min)/16*1rem + (var(--hero-f-2-max) - var(--hero-f-2-min))*var(--fluid-hero-bp));--hero-f-3-min:293.76;--hero-f-3-max:742.19;--hero-step-3:calc(var(--hero-f-3-min)/16*1rem + (var(--hero-f-3-max) - var(--hero-f-3-min))*var(--fluid-hero-bp));--hero-f-4-min:352.51;--hero-f-4-max:927.73;--hero-step-4:calc(var(--hero-f-4-min)/16*1rem + (var(--hero-f-4-max) - var(--hero-f-4-min))*var(--fluid-hero-bp));--hero-f-5-min:423.01;--hero-f-5-max:1159.67;--hero-step-5:calc(var(--hero-f-5-min)/16*1rem + (var(--hero-f-5-max) - var(--hero-f-5-min))*var(--fluid-hero-bp));--hero-f-6-min:507.62;--hero-f-6-max:1449.58;--hero-step-6:calc(var(--hero-f-6-min)/16*1rem + (var(--hero-f-6-max) - var(--hero-f-6-min))*var(--fluid-hero-bp))}.footer{position:fixed;bottom:0;flex-wrap:wrap;align-items:center;justify-content:center;background:var(--neutral-black);padding:.5rem;color:var(--neutral-light)}.footer,.footer-links{display:flex;width:100%}.footer-links{justify-content:space-between;max-width:373px;margin-right:3rem}.footer-links .btn:hover{color:var(--green-light)}.footer-links .nav-link{background:var(--neutral-black);padding:6px 31px;border-radius:4px;font-family:var(--font-body);color:#fff;border-color:var(--green-dark)}
/*# sourceMappingURL=main.53a508d8.chunk.css.map */