diff --git a/style.css b/style.css index 24030b2..1fa22b9 100644 --- a/style.css +++ b/style.css @@ -212,22 +212,27 @@ footer{ #pointSliderValue, #pointSizeSliderValue{ font-size:80%; -margin-bottom: 0px; +margin:0; } #pointSlider, #pointSizeSlider{ width: 100%; - + margin: 0; + padding: 0; + height: 6px; } input[type="range"]{ -webkit-appearance: none; + appearance: none; width: 100%; height: 6px; background: #cad1ca; border-radius: 999px; - + margin: 0; + padding: 0; outline: none; + } input[type="range"]::-webkit-slider-thumb{ @@ -265,7 +270,9 @@ input[type="range"]::-webkit-slider-thumb{ transform:translateX(-50%); font-size: smaller; color: #000000cf; - border: 1px solid rgba(0, 0, 0, 0.547); + border: none; + border-radius: 14px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.278); padding:8px; border-radius: 15px; background-color: rgba(255, 255, 255, 0.751);