.listItem{width:95%;border-radius:20px;border:1px solid #aaa;display:flex;padding:5px 2.5%;align-items:center;margin:5px 0}.listItem-content{width:90%;text-align:left}.doneBtn,.pin{background-color:transparent;border:none;outline:none;font-size:20px}.lineThrough{text-decoration:line-through;color:grey}.listItem.pinned{border:1px solid red!important}.listItem.finished{border:1px solid green!important}.colorPreview{height:10px;width:10px;padding:5px}.toDoList-container{width:60%}.toDoList,.toDoList-container{display:flex;margin:auto;justify-content:center;list-style:none;flex-direction:column;padding:0}.toDoList{width:100%}.taskAdder{display:flex;flex-direction:column;justify-items:center;width:60%;margin:auto;margin-top:50px}.inputDescription{text-align:center;height:40px;border-radius:20px;outline:none;border:1px solid grey}.inputDescription:focus,.prioritySelect:focus{border:1px solid #7fdbff}.prioritySelect{background-color:#fff;margin:0;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0),radial-gradient(#ddd 70%,transparent 72%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - .5em) .5em;background-size:5px 5px,5px 5px,1.5em 1.5em;background-repeat:no-repeat;border:1px solid #aaa;border-radius:5px;padding:8px;min-width:100px}.margin-top--medium{margin-top:30px!important}.submitBtn{border:none;border-radius:20px;background-color:#001f3f;color:#fff;padding:10px 15px;outline:none}.title{text-align:left!important;padding-bottom:5px}.bottomLine{border-bottom:1px solid #aaa}.notValid{border:1px solid red!important}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}