.form{padding:10px;border-radius:6px}form{display:flex;flex-direction:column;width:100%}label{font-size:14px;font-weight:700}button,input{padding-top:10px;padding-bottom:10px;margin-top:10px;margin-bottom:10px;box-shadow:none;outline:none;border-radius:6px;font-size:15px}input{color:initial}button,input{border:2px none}button{cursor:pointer;background-color:#2196f3}.top{margin-top:40px}h2{font-weight:bolder}h2,p{font-family:Helvetica;color:var(--text-color)}p{font-weight:lighter;font-style:italic;text-align:center}ul{padding:5px}li{display:flex;justify-content:space-between;align-items:center;list-style-type:none;padding:6px;margin-bottom:20px;border-radius:6px}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;top:0;left:0;transition:.4s}.slider:before{content:"";height:30px;width:30px;bottom:4px;bottom:0;margin:auto 0;box-shadow:0 0 15px rgba(32,32,32,.23921568627450981);background:#fff url(https://i.ibb.co/FxzBYR9/night.png);background-repeat:no-repeat;background-position:50%}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(24px);background:#fff url(https://i.ibb.co/7JfqXxB/sunny.png);background-repeat:no-repeat;background-position:50%}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.aling{display:flex;justify-content:flex-end}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;margin-top:10px;max-width:600px;margin-left:auto;margin-right:auto;padding:10px}h1{font-family:Helvetica;font-weight:bolder;color:var(--text-color)}.up{margin-bottom:50px}.footer{display:flex;justify-content:center;position:fixed;left:0;bottom:0;width:100%;background:var(--div-color)}p.this{font-style:normal;font-size:9px;color:var(--text-color)}a{padding-left:15px}