@-webkit-keyframes rotateKeyframe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.lindy-effect{width:100%;height:25vh;position:fixed;z-index:-1;left:0;overflow-x:hidden}div.lindy-effect.bottom{bottom:0}div.lindy-effect.top{top:0;transform:rotate(180deg)}@media (max-width:1200px){div.lindy-effect{height:200px}}@media (max-width:900px){div.lindy-effect{height:120px}}@media (max-width:600px){div.lindy-effect{height:80px}}div.wave{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M800 56.9c-155.5 0-204.9-50-405.5-49.9-200 0-250 49.9-394.5 49.9v31.8h800v-.2-31.6z' fill='%'/%3E%3C/svg%3E");position:absolute;width:200%;height:100%;-webkit-animation:wave 15s linear -10s infinite;animation:wave 15s linear -10s infinite;transform:translateZ(0);opacity:.15}.wave:nth-of-type(2){bottom:0;animation:wave 20s linear infinite reverse;opacity:.1}.wave:nth-of-type(3){bottom:0;-webkit-animation:wave 30s linear -5s infinite;animation:wave 30s linear -5s infinite;opacity:.05}@-webkit-keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(-25%)}to{transform:translateX(0)}}@keyframes wave{0%{transform:translateX(0)}50%{transform:translateX(-25%)}to{transform:translateX(0)}}@keyframes rotateKeyframe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}div.panel{background:#383838;background:radial-gradient(circle,#383838 0,#303030 100%);box-shadow:0 0 15px 15px rgba(0,0,0,.05);width:100%;max-width:320px;padding:15px;border-radius:9px}div.panel p{font-size:14px;font-weight:700;padding:0 0 5px}div.panel input{margin:0 0 15px}div.panel a.button{width:100%;height:40px}div.app-wrap{display:flex;flex-wrap:wrap;width:100%;max-width:1200px}div.app-nav{background:#383838;background:radial-gradient(circle,#383838 0,#303030 100%);box-shadow:0 0 15px 15px rgba(0,0,0,.05);overflow:hidden;width:240px;border-radius:9px;padding:60px 0;margin:15px}div.app-nav a.link{display:flex;align-items:center;width:100%;height:40px;padding:0 15px;font-family:Oswald;font-size:18px;color:#fff;text-decoration:none}div.app-nav a.link:hover{background:hsla(0,0%,100%,.2)}div.app-nav a.link.active{background:#327ccb}@media (max-width:1200px){div.app-nav{width:100%}}div.app-panel{background:#383838;background:radial-gradient(circle,#383838 0,#303030 100%);box-shadow:0 0 15px 15px rgba(0,0,0,.05);overflow:hidden;width:900px;max-width:100%;border-radius:9px;margin:15px}div.app-panel h2{font-size:32px;padding:30px}div.app-panel h2 span{font-size:18px}div.app-panel h3{font-size:18px;padding:0 30px}div.app-panel div.item{display:flex;align-items:center;justify-content:space-between;padding:15px 30px}div.app-panel div.item:last-of-type{margin:0 0 45px}div.app-panel div.item p{width:calc(100% - 120px)}@media (max-width:1200px){div.app-panel div.item{flex-wrap:wrap;justify-content:center}div.app-panel div.item p{width:100%;margin:0 0 15px}}div.app-panel div.item a.button.delete{margin:0;background:#e9524a;font-size:14px;width:120px}div.app-panel div.record{padding:30px 0;border-bottom:2px solid hsla(0,0%,100%,.2)}div.app-panel div.record:first-of-type{border-top:2px solid hsla(0,0%,100%,.2)}div.app-panel div.record:last-of-type{border-bottom:none}div.app-panel div.record-items{display:flex;flex-wrap:wrap;padding:15px}div.app-panel div.record-items div.record-item{padding:5px 15px;width:100%;font-size:14px}div.app-panel div.record-items div.record-item span{font-weight:700}div.app-panel div.item-input{display:flex}div.app-panel div.item-input div.input{padding:15px 0 15px 30px;width:75%}div.app-panel div.item-input div.input:nth-child(2){width:25%;padding:15px 30px 15px 15px}div.app-panel div.item-input div.input p{font-size:14px;font-weight:700;padding:0 0 5px}@media (max-width:1200px){div.app-panel div.item-input{flex-wrap:wrap}div.app-panel div.item-input div.input{width:100%!important;padding:5px 30px!important}}div.app-panel a.button{margin:0 30px 30px auto}div.app-panel a.item{display:flex;align-items:center;padding:15px 30px}div.app-panel a.item:last-of-type{margin:0 0 45px}div.app-panel a.item.complete{background:hsla(0,0%,100%,.05)}div.app-panel a.item.complete div.checkbox{border:2px solid #59c837;background:#59c837}div.app-panel a.item:hover{background:hsla(0,0%,100%,.1)}div.app-panel a.item p{width:calc(100% - 25px)}div.app-panel a.item span{font-size:14px;font-weight:700;padding:0 5px;text-decoration:underline}div.app-panel a.item div.checkbox{position:relative;top:-1px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;margin:0 15px 0 0}*,:after,:before{box-sizing:border-box}*{transition:all .25s cubic-bezier(.25,1,.5,1)}body{font-family:Montserrat;color:#fff;letter-spacing:.5px;overflow-x:hidden;background:#2a2a2a;background:radial-gradient(circle,#2a2a2a 0,#141414 100%);background-attachment:fixed}button,input,textarea{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:Oswald}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px}a{cursor:pointer}div.container,section.container{width:100%;max-width:1650px;margin:auto}div.container.page,section.container.page{min-height:calc(100vh - 90px)}div.container.flex,section.container.flex{display:flex;flex-wrap:wrap}div.container.center,section.container.center{display:flex;flex-direction:column;align-items:center;justify-content:center}div.container.flex-layout,section.container.flex-layout{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}a.button{display:flex;align-items:center;justify-content:center;width:140px;height:35px;border-radius:3px;font-size:16px;font-weight:700;background:#327ccb;color:#fff;text-decoration:none;margin:0 15px 0 0;cursor:pointer}a.button.disabled{pointer-events:none;opacity:.5}a.button:hover{background:#2862a0}a.button .i,a.button .icon,a.button .spinner{margin:0 8px 0 0}a.button .spinner{-webkit-animation:rotateKeyframe;animation:rotateKeyframe;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}input,textarea{display:flex;width:100%;height:40px;background:#202020;color:#fff;outline:none;padding:15px;border-radius:4px;border:1px solid transparent}input:focus,textarea:focus{border:1px solid #327ccb}textarea{height:200px;resize:none}div.validation{display:flex;align-items:center;justify-content:center;width:100%;height:0;margin:15px 0 0;background:#59c837;color:#fff;font-size:14px;font-weight:700;overflow:hidden;border-radius:5px}div.validation.error{background:#e9524a}div.validation.visible{height:35px}