body{background-attachment:fixed;background-color:#315481;background-image:linear-gradient(180deg,#315481,#918e82);bottom:0;font-family:sans-serif;font-size:14px;left:0;margin:0;padding:0;position:absolute;right:0;top:0}button{border:none;box-shadow:0 3px 3px rgba(34,25,25,.4);color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:5px}button:focus{outline:0}.app{display:flex;flex-direction:column;height:100vh}.app-header{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{background:#fff;display:flex;flex-direction:column;flex-grow:1;overflow:auto}.main::-webkit-scrollbar{background:inherit;height:0;width:0}header{background:#d2edf4;background-image:linear-gradient(180deg,#d0edf5,#e1e5f0);box-shadow:0 3px 3px rgba(34,25,25,.4);padding:20px 15px 15px;position:relative}.app-bar{display:flex;justify-content:space-between}.app-bar h1{display:inline-block;font-size:1.5em;margin:0 1em 0 0}.task-form{display:flex;margin:16px}.task-form>input{background:transparent;border:1px solid #aaa;box-sizing:border-box;flex-grow:1;font-size:1em;margin-right:16px;padding:10px 6px;width:100%}.task-form>input:focus{outline:0}.task-form>button{background-color:#315481;height:95%;min-width:100px}.tasks{list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0;padding-left:16px;padding-right:16px}.tasks>li{border-bottom:1px solid #eee;display:flex;padding:16px}.tasks>li>span{flex-grow:1}.tasks>li>button{background-color:#ff3046;justify-self:flex-end}.filter{display:flex;justify-content:center}.filter>button{background-color:#62807e}.login-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.login-form>div{margin:8px}.login-form>div>label{font-weight:700}.login-form>div>input{background:transparent;border:1px solid #aaa;box-sizing:border-box;flex-grow:1;font-size:1em;margin-right:16px;margin-top:4px;padding:10px 6px;width:100%}.login-form>div>input:focus{outline:0}.login-form>div>button{background-color:#62807e}.user{align-self:flex-end;margin:8px 16px 0}.loading,.user{display:flex;font-weight:700}.loading{align-items:center;flex-direction:column;height:100%;justify-content:center}