.projects-header{font-size:14px;font-weight:700;display:grid;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;margin-bottom:70px;text-align:right;color:#888}.projects-header.is-adding-project+.projects{pointer-events:none;opacity:.5;-webkit-filter:blur(2px);filter:blur(2px)}.projects-header__title{font-style:italic;display:inline-block;color:#888}.projects-header__project{display:inline-block;text-transform:lowercase;color:#555}.projects-header__project:not(:first-of-type):before{padding:0 5px;content:"\2022"}.projects-header__button{display:inline-block;color:#555}.projects-header__button:before{padding:0 5px;content:"\2022"}.form{-webkit-box-sizing:border-box;box-sizing:border-box;padding:75px;border-bottom:1px solid #fff}.form__inner{width:950px;max-width:100%;margin:0 auto 80px;display:grid;grid-gap:20px}.form__title{font-size:24px;font-weight:700}.form__input{position:relative;margin-bottom:20px;-webkit-transition:border .2s ease;transition:border .2s ease;color:#fff;border-bottom:1px solid #fff;background:#000}.form__input:focus-within:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.form__input:focus-within .form__label{color:#fff}.form__input:after{position:absolute;right:0;bottom:0;left:0;content:"";-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;border-bottom:2px solid #fff}.form__input>input{all:unset;width:100%;padding:5px 0}.form__select{position:relative;z-index:1;margin-bottom:20px;border-bottom:1px solid #fff;border-left:1px solid #fff}.form__select .icon--caret-down{width:14px;height:14px;position:absolute;z-index:0;top:50%;right:0;margin-top:-7px;pointer-events:none;fill:#fff}.form__select>select{all:unset;z-index:1;width:100%;padding:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__select .selected-tag{color:#fff}.form__select .dropdown-menu{border:none;background:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__select .dropdown-menu>li{color:#fff}.form__label{font-size:12px;font-weight:500;position:absolute;bottom:-20px;left:0;-webkit-transition:all .2s ease;transition:all .2s ease;letter-spacing:4.29px;text-transform:uppercase;color:#888}.form__button--close{width:24px;height:24px;position:absolute;top:20px;right:20px;cursor:pointer;fill:#fff}.form__button--close:hover{opacity:.8}.form__button--submit{font-weight:500;justify-self:end;padding:10px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:2px;text-transform:uppercase;border:2px solid #fff}.form__button--submit:hover{opacity:.8}.todo{position:relative;display:grid;grid-template-columns:auto auto 1fr auto auto;grid-column-gap:24px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:20px 0;cursor:-webkit-grab;cursor:grab;background-color:#000}.todo:active{cursor:-webkit-grabbing;cursor:grabbing}.todo:after,.todo:before{position:absolute;right:0;bottom:0;left:30px;width:auto;content:""}.todo:before{border-bottom:1px solid #282828}.todo:after{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;border-bottom:1px solid #fff}.todo--editing{grid-template-columns:auto 1fr auto auto auto}.todo--editing:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.todo__checkbox{width:14px;height:14px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff}.todo--completed .todo__checkbox{background:#555}.todo__title{font-size:20px;font-weight:500;cursor:text}.todo--completed .todo__title{font-style:italic;text-decoration:line-through;color:#555}.todo__title-edit-form{display:grid;grid-template-columns:1fr auto;grid-auto-flow:column;grid-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.todo__title-edit-input{all:unset;font-size:20px;font-weight:700;margin-bottom:-5px;padding-bottom:5px}.todo__title-edit-button{all:unset;font-size:12px;padding:2px 5px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;border:1px solid #fff}.todo__title-edit-button:active,.todo__title-edit-button:hover{opacity:.8}.todo__issue-number{font-size:14px;font-weight:300;display:grid;grid-auto-flow:column;grid-column-gap:6px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;color:#888}.todo--completed .todo__issue-number{text-decoration:line-through;color:#555}.todo__issue-number>span:not(:empty):before{content:"#"}.todo__icon-github{width:14px;height:14px;fill:#888}.todo--completed .todo__icon-github{fill:#555}.todo__delete{width:16px;height:16px;cursor:pointer;fill:#282828;grid-column:-1}.todo__delete:hover{fill:#555}.todo__delete-warning{font-size:12px;font-weight:300;position:absolute;top:50%;right:25px;overflow:hidden;width:0;margin-top:-6px;-webkit-transition:all .5s ease-out;transition:all .5s ease-out;text-align:right;white-space:nowrap;letter-spacing:2px;text-transform:uppercase;color:#888}.todo__delete-warning--active{width:150px}.icon-plus-sign__plus{-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.icon-plus-sign--active .icon-plus-sign__plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.project-header{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"title . button-toggle" "repo-name . ." "input-title input-title input-title" "input-issue input-issue input-issue" "button-submit button-submit button-submit";grid-gap:10px;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;max-width:100%;margin-bottom:25px}@media screen and (min-width:800px){.project-header{grid-template-columns:auto 1fr auto auto auto;grid-template-areas:"title repo-name input-title input-issue button-toggle" ". . . button-submit ."}}.project-header__title{font-size:32px;grid-area:"title"}.project-header__repo-name,.project-header__title{font-weight:700;-ms-flex-item-align:baseline;align-self:baseline}.project-header__repo-name{font-size:14px;grid-area:repo-name;justify-self:start;text-decoration:none;color:#888}.project-header__input{position:relative;display:grid;visibility:hidden;height:0;-webkit-transition:opacity .2s ease,height .2s ease;transition:opacity .2s ease,height .2s ease;opacity:0;color:#fff;border-bottom:1px solid #fff;background:#000}@media screen and (min-width:800px){.project-header--is-editing .project-header__input,.project-header__input{height:auto}}.project-header--is-editing .project-header__input{visibility:visible;height:28px;opacity:1}.project-header__input--title{grid-area:input-title}.project-header__input--issue{grid-area:input-issue}.project-header__input:focus-within:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.project-header__input>input{all:unset;padding:5px 0}.project-header__input:after{position:absolute;right:0;bottom:0;left:0;content:"";-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;border-bottom:2px solid #fff}.project-header__button-submit{font-size:12px;font-weight:500;visibility:hidden;grid-area:button-submit;justify-self:end;height:0;cursor:pointer;-webkit-transition:opacity .2s ease,height .2s ease;transition:opacity .2s ease,height .2s ease;text-align:right;letter-spacing:4.29px;text-transform:uppercase;opacity:0;color:#fff}@media screen and (min-width:800px){.project-header--is-editing .project-header__button-submit,.project-header__button-submit{height:auto}}.project-header--is-editing .project-header__button-submit{visibility:visible;height:auto;opacity:1}.project-header__button-toggle{width:24px;height:24px;grid-area:button-toggle;-ms-flex-item-align:end;align-self:end;justify-self:end;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;fill:#fff}.project{width:950px;max-width:100%;margin:0 auto 80px}.project:not(:first-child){opacity:.2}.todo-list{display:grid;list-style-type:none}.todo-list:empty:before{content:"There are no todos yet";opacity:.5}body{background:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.app-container{padding:75px}.projects{-webkit-filter:blur(0);filter:blur(0);opacity:1;-webkit-transition:all .2s ease;transition:all .2s ease}.projects:empty:before{content:"There are no projects yet! Click 'add new' to get started.";font-weight:700;font-size:20px}.login,.login>form{display:grid}.login>form{grid-gap:25px}.login a{text-decoration:none;color:#ed1283}.icon--github{width:24px;height:24px;fill:#fff}.input--login{all:unset;position:relative;padding:5px 0;-webkit-transition:border .2s ease;transition:border .2s ease;-webkit-transition:opacity .2s ease,height .2s ease;transition:opacity .2s ease,height .2s ease;color:#fff;border-bottom:1px solid #fff;background:#000}.button--submit{all:unset;font-weight:500;display:grid;grid-auto-flow:column;grid-column-gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 25px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;color:#fff;border:1px solid #fff;justify-self:start}.button--submit:hover{opacity:.8}