nav{background-color:#fcff45;display:flex;justify-content:space-between;width:100%;margin:0}.logo{color:#fff;margin:0;width:auto;height:auto;padding-left:2%}.switch{margin:5% 3%;position:relative;display:inline-block;width:60px;height:34px}@media screen and (min-width: 300px) and (max-width: 420px){.switch{margin-top:8%;position:relative;display:inline-block;width:50px;height:24px}}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-image:url(/night.jpg);background-size:cover;background-position:center;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}@media screen and (min-width: 300px) and (max-width: 420px){.slider:before{height:21px;width:21px;left:2px;bottom:2px}}input:checked+.slider:before{background-color:#3d526d}input:checked+.slider{background-image:url(/sun.jpg);background-size:cover;background-position:center}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}@media screen and (min-width: 300px) and (max-width: 420px){input:checked+.slider:before{-webkit-transform:translateX(25px);-ms-transform:translateX(25px);transform:translate(25px)}}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.logIn{display:flex;justify-content:center;width:100%;height:100%}.logIn div{padding:2%;background-color:#56e8ff99;border-radius:2%;margin:2%;border-color:#000;border-width:2px;border-style:solid}.logIn h1{text-align:center;font-weight:900}.logIn p{margin:1% 1% 5%}.logIn input,.logIn button{margin:1%}.col-1{margin:20px}h3{margin:0}.range-slide-container{margin:0% 15%;position:center;width:80%}.col-1{flex:1;margin:5% 10%;width:100%}.col-2{flex:1;width:100%;display:flex;align-items:center}.range-slider{margin:0;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:20px;width:100%;height:10px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.range-slider:hover{opacity:1}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:100%;width:25px;height:25px;background:#33cd8d;cursor:pointer}.range-slider::-moz-range-thumb{width:25px;height:25px;border-radius:100%;background:#33cd8d;cursor:pointer}.span-red{color:red}.span-green{color:#04aa6d}.manager-div{display:flex;justify-content:center;flex-direction:column;align-items:center}.flex-div{display:flex;justify-content:center;flex-direction:column;height:100%}.flex-div .column-flex{text-align:left;margin:1% 5%;display:flex;align-items:center;flex-direction:row;flex:1;justify-content:center}.flex-div .column-flex input{height:20px;width:45px;margin:1%}.flex-div .column-flex label{margin:1%}@media screen and (min-width: 300px) and (max-width: 420px){.flex-div .column-flex{flex-direction:row}}@media screen and (min-width: 420px) and (max-width: 620px){.flex-div .column-flex{flex-direction:row}}@media screen and (min-width: 620px) and (max-width: 920px){.flex-div .column-flex{flex-direction:row}}.full-width{width:100%}.circle-button{border-radius:100%;height:30px;width:30px;display:flex;justify-content:center;align-items:center;color:#fff;border-color:#be04be;background-color:#d596fc;margin:2%}@media screen and (min-width: 300px) and (max-width: 420px){.circle-button{height:25px;width:25px}}.circle-button:hover{transform:translateY(-5px);border-color:#13be04;background-color:#9efc96}.bg-light{background-color:#83a0c2;margin:1% 2%;border-radius:2%;padding:5%}.delete-button{border-radius:100%;margin-left:3%;padding:2%;display:flex;justify-content:center;align-items:center;color:#827d7d;background-color:transparent;border:none;outline:none;cursor:pointer}@media screen and (min-width: 300px) and (max-width: 420px){.delete-button{height:25px;width:25px}}.delete-button:hover{transform:translateY(-5px);border-color:#3e0000;background-color:#fec6c6}.font-lg{margin-top:5%;font-size:large}@media screen and (min-width: 300px) and (max-width: 420px){.font-lg{font-size:small}}.list{margin:1%;text-align:center;background-color:#eaecf1;border-radius:5%;width:15rem;height:100%;padding:2%}.flex-row{display:flex;flex:1;justify-content:center;flex-direction:row}.margin-0{display:flex;align-items:center;align-content:center;margin:0;padding:0}.border-light{border:1px;border-style:solid;border-radius:5%;border-color:#c3ffc3;padding:2%;margin:0}body{background-color:#dff4fb;margin:0;padding-bottom:5%;color:#000;font-family:Inter,sans-serif;font-weight:100;font-style:inherit;font-size:x-large}body h2,body h3,body h4,body h1{margin:0}@media screen and (min-width: 300px) and (max-width: 420px){body{font-size:small}}@media screen and (min-width: 420px) and (max-width: 620px){body{font-size:small}}@media screen and (min-width: 920px) and (max-width: 1120px){body .h6-lg{font-size:1rem}}@media screen and (min-width: 1120px) and (max-width: 1920px){body .h6-lg{font-size:1rem}}.dark-mode{background-color:#3d526d;color:#fff!important}.dark-mode nav{background-color:#030e1e}.dark-mode .delete-button{color:#aaa0a0}.dark-mode .list{background-color:#112660}.dark-mode .logIn div{background-color:#85bcfa99;border-color:#fff}.hide{display:none}