.container{padding:1rem 4.5rem;width:80%}.project{margin:20px auto;background:#fff;padding:9px 0;border-radius:4px;box-shadow:1px 2px 3px rgba(0,0,0,.05);border-left:4px solid #e90874;overflow:hidden}.details{max-height:0;visibility:hidden;padding:0 1rem;transition:max-height .65s ease-in-out,visibility .51s ease-in-out .15s}.details.drop{height:auto;max-height:900px;visibility:visible}h3{cursor:pointer;text-align:center}.actions{padding:0 15px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.down.rotate{transform:rotate(180deg)}.left__section{flex:1;padding-right:19px;display:flex;justify-content:space-between;align-items:center}.material-icons{cursor:pointer;font-size:24px;margin-left:9px;color:#ccc}.material-icons:hover{color:#bbb}.down{transition:transform .3s ease-in-out}.down,.down:hover{color:#000}.icons{margin-left:1.5rem}.project.completed{border-left:4px solid #00ce89}.project.completed .tick{color:#00ce89}.error{background:rgba(255,0,0,.3);color:#fff;font-size:16px;font-weight:700;border-radius:15px;padding:.5rem 1.2rem;display:flex;justify-content:space-around;align-items:center;margin-bottom:1.5rem}form{background:#fff;padding:30px;border-radius:10px;width:50%;margin:0 auto}.grey{color:#ccc}label{display:block;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;margin:20px 0 10px 0}input{border:0;border-bottom:1px solid #ccc}input,textarea{padding:10px;background-color:transparent;width:100%;box-sizing:border-box}textarea{border:1px solid #ccc;height:100px}form button{display:block;margin:20px auto 0;background:#00ce89;color:#fff;padding:10px;border:0;border-radius:6px;font-size:16px}input:focus,textarea:focus{outline:none}.form__button{visibility:hidden;transition:visibility .23s ease-in-out}.form__button.show__form__button{visibility:visible}.add__project{width:150px;display:flex;justify-content:space-around;padding:3px 7px;align-items:center;background-color:#fff;margin:2rem auto;border-radius:15px;cursor:pointer}.form__container{visibility:hidden;max-height:0;transition:max-height .43s ease-in-out,visibility .44s ease-in-out}.form__container.show__form{height:auto;max-height:900px;visibility:visible}.add__project .add{color:#000}body{background-color:#ccc}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:15px;padding:0 0;display:flex;flex-direction:column;align-items:center}.divider{height:2px;background-color:#e90874;position:relative;left:50%;width:0;transition:all .35s ease-in-out .17s}.divider.show__divider{width:100%;left:0}.list__container{max-height:333px;overflow-y:scroll;padding:0 50px}.list__container::-webkit-scrollbar{width:10px}.list__container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;border-radius:10px}.list__container::-webkit-scrollbar-thumb{background:rgba(233,8,116,.3137254901960784);border-radius:10px}