body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#282c34}.App{margin:15px auto;width:95%;max-width:700px;color:#eee}.react-switch-checkbox{height:0;width:0;visibility:hidden}.react-switch-label{display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:131px;height:39px;background:#1c1e24;border-radius:100px;position:-webkit-sticky;position:sticky;float:right;margin-right:5%;margin-top:-53px;z-index:2;-webkit-transition:background-color .2s;transition:background-color .2s;box-shadow:0 0 1px 0 hsla(0,0%,100%,.42)}.react-switch-label .react-switch-button{content:"";position:absolute;top:2px;left:2px;width:34px;height:34px;border-radius:45px;-webkit-transition:.5s;transition:.5s;background:#fff}.react-switch-checkbox:checked+.react-switch-label .react-switch-button{left:calc(100% - 2px);-webkit-transform:translateX(-100%);transform:translateX(-100%);background:#282c34}.react-switch-checkbox:checked+.react-switch-label{box-shadow:0 0 1px 0 #111}.react-switch-label:active .react-switch-button{width:30px}.react-switch-checkbox+.react-switch-label:after{content:"Change Theme";font-size:12px;position:relative;margin:auto;left:14px}.react-switch-checkbox:checked+.react-switch-label:after{content:none}.react-switch-checkbox:checked+.react-switch-label:before{content:"Change Theme";font-size:12px;position:relative;left:8px}.top-light{margin:auto;position:-webkit-sticky;position:sticky;top:-60px;color:#1c1e24}.navbar-light h3{padding-top:15px;border-radius:25px 25px 0 0}.navbar-light h3,.navbar-light h6{margin:auto;text-align:center;background:#ddd}.navbar-light h6{padding-top:5px;font-size:12px;font-weight:300;color:rgba(40,44,52,.6)}.navbar-light a{text-decoration:none;color:rgba(40,44,52,.6)}.nav-top-light{margin:auto;border-radius:0 0 25px 25px;border-bottom:.2px solid #282c34;background:#ddd}.nav-top-light p{margin:auto;padding-top:15px;text-align:center}.nav-top-light h3{margin:10px auto;text-align:center}.todo-list-light{margin:20px}.todo-list-light ul{padding:0;list-style-type:none}.todo-list-light li{background:#ddd;border-radius:25px;cursor:pointer;margin:10px auto;width:95%;box-shadow:0 0 1px 0 #111}.todo-list-light li:hover{text-decoration:line-through;color:rgba(0,0,0,.5)}.text-light{color:#1c1e24;font-size:20px;margin-left:15px;padding:10px}.text-light:hover{color:rgba(0,0,0,.4)}.input-light[type=text]{margin:15px auto;padding:5px;font-size:18px;height:30px;text-align:center;width:90%;color:#1c1e24;background:#fff;border:0;border-radius:25px;box-shadow:0 0 1px 0 #1c1e24}.input-light::-webkit-input-placeholder{color:rgba(40,44,52,.6)}.input-light::-moz-placeholder{color:rgba(40,44,52,.6)}.input-light:-ms-input-placeholder{color:rgba(40,44,52,.6)}.input-light::-ms-input-placeholder{color:rgba(40,44,52,.6)}.input-light::placeholder{color:rgba(40,44,52,.6)}.input-light:focus{outline:none}.clear-light{margin-bottom:15px;padding:10px 20px;font-size:16px;font-weight:500;border:0;border-radius:25px;background:#fff;color:#1c1e24;cursor:pointer;position:relative;left:5%;box-shadow:0 0 1px 0 #1c1e24}.clear-light:focus{outline:none}.top{margin:auto;position:-webkit-sticky;position:sticky;top:-60px}.navbar h3{padding-top:15px;border-radius:25px 25px 0 0}.navbar h3,.navbar h6{margin:auto;text-align:center;background:#282c34}.navbar h6{padding-top:5px;font-size:12px;font-weight:300}.navbar a,.navbar h6{color:hsla(0,0%,100%,.42)}.navbar a{text-decoration:none}.nav-top{margin:auto;border-radius:0 0 25px 25px;background:#282c34}.nav-top p{margin:auto;padding-top:15px;text-align:center}.nav-top h3{margin:10px auto;text-align:center}.todo-list{margin:20px}.todo-list ul{padding:0;list-style-type:none}.todo-list li{background:#1c1e24;border-radius:25px;cursor:pointer;margin:10px auto;width:95%;box-shadow:0 0 1px 0 hsla(0,0%,100%,.42)}.todo-list li:hover{text-decoration:line-through;color:hsla(0,0%,100%,.5)}.text{color:#fff;font-size:20px;margin-left:15px;padding:10px}.text:hover{color:hsla(0,0%,100%,.4)}form{margin:auto;text-align:center}.input-dark[type=text]{margin:15px auto;padding:5px;font-size:18px;height:30px;text-align:center;width:90%;color:#fff;background:#1c1e24;border:0;border-radius:25px;box-shadow:0 0 1px 0 hsla(0,0%,100%,.42)}.input-dark:focus{outline:none}.input-dark::-webkit-input-placeholder{color:hsla(0,0%,100%,.42)}.input-dark::-moz-placeholder{color:hsla(0,0%,100%,.42)}.input-dark:-ms-input-placeholder{color:hsla(0,0%,100%,.42)}.input-dark::-ms-input-placeholder{color:hsla(0,0%,100%,.42)}.input-dark::placeholder{color:hsla(0,0%,100%,.42)}.clear{margin-bottom:15px;padding:10px 20px;font-size:16px;border:0;border-radius:25px;background:#1c1e24;color:#fff;cursor:pointer;position:relative;left:5%;box-shadow:0 0 1px 0 hsla(0,0%,100%,.42)}.clear:focus{outline:none}
/*# sourceMappingURL=main.07f5c958.chunk.css.map */