.App{min-height:100vh}.container{background:#fff;padding:1.2rem;margin:3rem auto;max-width:35rem;border:1px solid rgba(0,0,0,.2);border-radius:.25rem}.false{background-color:#fff;color:#000;transition:all .5s}.true{background-color:#15202b;color:#fff;transition:all .5s}h2{font-size:2rem;text-align:center;color:#000;margin-top:.5rem}.form-control{display:flex;justify-content:center}.text-input{flex-grow:1;padding:5px;border:1px solid #eaeaea;border-radius:5px;font-size:18px}.text-input:focus{outline:none}.submit-btn{background:green;color:#fff;font-weight:700;cursor:pointer;font-size:1.2rem;border:transparent;margin-left:30px}header{min-height:20px;display:flex;align-items:center;justify-content:space-between;padding:15px;font-weight:700;box-shadow:0 1px 3px #0000000d}.logo{display:flex;align-items:center}.logo span{font-size:22px;margin-left:7px}.theme-container span{font-size:20px;margin-bottom:100px;cursor:pointer;margin-left:10px}.list-item{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;padding:.25rem 2rem;box-shadow:0 1px 3px #000000b3;border-radius:.25rem;font-size:1.2rem}.title{color:#000;font-weight:700}.btn{font-size:1.2rem;margin-left:.8rem;cursor:pointer;color:#000}body{padding:0;margin:0;box-sizing:border-box;max-height:100vh}
