.slider{display:flex;flex-direction:column;align-items:center}.slider label{display:block}.slider div{display:flex;justify-content:center;width:100%}.slider div input[type=range]{width:90%;accent-color:blueviolet}:root{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-style:oblique;font-weight:400}#app{padding:1em;width:min(90%,900px);border:none;border-radius:.5em;color:#483d8b;background-color:salmon}body{display:flex;justify-content:center;align-items:center;height:100vh}code{padding:.1em .2em;border-radius:.3em;background-color:#2f4f4f;color:#fff}p{text-align:center}#desc{font-size:.5em;font-style:normal;color:#dc143c}h1{text-align:center;margin:0}