.Intro,.Intro .inner{display:flex;flex-direction:column;justify-content:center;align-items:center}.Intro .inner{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.Intro .inner.-appear{animation:appear .2s ease forwards;animation-delay:.1s}.Intro .inner.-disappear{animation:disappear .2s ease forwards}@keyframes disappear{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.99)}}.Intro .inner .Button.-cta,.Intro .inner .name-input-group,.Intro .inner h1{margin:15px 0}.Intro .inner .Button.-cta{width:150px}.Intro .inner .explainer{position:absolute;color:#666;font-weight:100;line-height:250%;font-size:1.6rem;bottom:60px;text-align:center}.Intro .inner .name-input-group{display:flex;align-items:center;height:50px;width:400px}.Intro .inner .name-input-group input[type=text]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:39px;flex-grow:1;margin-right:15px;border-radius:4px;border:1px solid hsla(0,0%,100%,.5);padding:6px 12px;outline:none;box-shadow:inset 0 0 5px rgba(0,0,0,.1);font-size:1.8rem}.Intro .inner .name-input-group input[type=text][disabled]{background:transparent;border-color:transparent;color:#fff;box-shadow:none}.Button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;text-align:center;justify-content:center;align-items:center;padding:6px 12px;border-radius:6px;font-size:18px;text-shadow:0 0 1px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.1);outline:none;cursor:pointer;background-color:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .06s ease}.Button:hover{background-color:hsla(0,0%,100%,.25)}.Button:active{background-color:hsla(0,0%,100%,.35)}.Button.-cta{font-size:2rem;padding:10px 15px;box-shadow:0 0 40px hsla(0,0%,100%,.1)}.Button.-cta.-disabled{color:#2ecc71}.Button.-disabled,.Button.-disabled:active,.Button.-disabled:hover,.Button[disabled],.Button[disabled]:active,.Button[disabled]:hover{cursor:default;background-color:hsla(0,0%,100%,.15);opacity:1;box-shadow:none}.Setup{display:flex;flex-direction:column;opacity:0;animation:appear .24s ease forwards}@keyframes appear{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.Setup h1{font-size:3.2rem}.Setup p{font-size:2rem;margin:15px 0;color:#666}.TaskCard{position:relative;display:flex;flex-direction:column;border:1px solid #333;padding:15px;background:transparent;border-radius:6px;width:100%;margin:30px 0}.TaskCard .input-title{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;outline:none;font-size:2rem;font-family:inherit}.TaskCard .buttons{position:absolute;right:15px;display:flex;align-items:center;height:28px;opacity:0;transition:all .24s ease}.TaskCard:hover .buttons{opacity:1}.TaskCard button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;background:transparent;border:none;outline:none;cursor:pointer;align-items:center;justify-content:center;text-align:center;flex-grow:0;flex-shrink:0;margin-right:10px;opacity:.333;transition:all .24s ease}.TaskCard button:hover{opacity:1}.TaskCard button:last-child{margin-right:0}.TaskCard button svg{height:18px;width:18px}