.NotesList{background:linear-gradient(180deg,rgba(48,68,78,.5) 63.02%,rgba(48,68,78,0));box-shadow:0 1px 14px #19282f;border-radius:100px 100px 0 0;min-height:500px}.active{background:rgba(48,68,78,.7)}.NotesList-createButton{color:#fff;background:#3dd598;border:none;padding:10px 15px;border-radius:5px;font-weight:700;font-size:20px;margin-top:40px;font-family:Quicksand,sans-serif;cursor:pointer}.NotesList-list{text-align:left;list-style:none;padding:0}li{border-bottom:1px solid rgba(184,194,192,.35);margin:0 50px;padding:15px 5px;cursor:pointer;transition:.3s}li button{background:none;border:none;color:#fff;font-size:20px;font-weight:lighter;font-family:Quicksand,sans-serif}input{font-size:20px;width:160px}input,textarea{background:rgba(48,68,78,.7);box-shadow:0 1px 14px #19282f;border-radius:5px;border:none;color:#fff;font-family:Quicksand,sans-serif;padding:10px 25px;margin:10px;font-weight:lighter}textarea{font-size:16px;height:200px;width:220px}body{background:#1a262b;color:#fff;font-family:Quicksand,sans-serif;text-align:center}#app{margin:auto;max-width:375px;min-height:80vh;padding:10px}.dots{display:flex;justify-content:center;margin-top:30px}.yellow{background:#ffc542}.red,.yellow{margin:5px;width:15px;height:10px;border-radius:6px}.red{background:#ff575f}.green{margin:5px;width:15px;height:10px;background:#3dd598;border-radius:6px}h1{margin:0 0 20px 0;font-size:45px}