*{box-sizing:border-box;margin:5px;padding:5px}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;padding:5px 15px}nav{border-bottom:1px solid #bbb;justify-content:space-between;align-items:center;max-width:1000px;height:60px;margin:auto;padding:0 10px;font-size:20px;display:flex}span{cursor:pointer}.container{border:1px solid #eee;border-radius:10px;max-width:800px;margin:10px auto;padding:10px}.header{justify-content:space-between;align-items:center;margin:10px;font-size:20px;display:flex}li{border-radius:10px;justify-content:space-between;align-items:center;margin:10px 5px;padding:5px 20px;font-size:20px;list-style-type:none;display:flex;box-shadow:0 1px 4px #00000029}.container{max-width:800px;margin:5px auto;padding:10px;box-shadow:0 1px 4px #00000029}form{align-items:center;display:flex}label{font-size:20px}input{border:1px solid #aaa;border-radius:5px;flex-grow:1;margin:10px;padding:7px;font-size:18px}input:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}select{border-radius:5px;margin:10px;padding:7px;font-size:18px}select:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.btn-save{color:#fff;cursor:pointer;background-color:#13a36e;border:none;border-radius:5px;padding:7px 15px;font-size:18px}.btn-save:disabled{cursor:not-allowed;background-color:#aaa}.App{text-align:center;padding:0 10px}main{border:1px solid #eee;max-width:1000px;max-height:90vh;margin:auto;padding:20px}.light{color:#000;background-color:#fff;transition:all .5s}.dark{color:#fff;background-color:#333;transition:all .5s}