*{border:none;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}body{background-color:#205433;margin-top:5%}h1{color:#d8e698;display:flex;font-weight:800;justify-content:center;text-align:center}.canvas{left:50%;transform:translateX(-50%)}#second_canvas,.canvas{position:absolute;top:10px;z-index:1}#second_canvas{left:10px}.valueDisplay{color:#d8e698;font-weight:600}.Slider,.valueDisplay{margin-left:50px;position:relative}.Slider{-webkit-appearance:none;background:none;border:2px solid #d8e698;border-radius:8px;height:10px;margin-bottom:20px;margin-top:10px;width:200px}.Slider::-webkit-slider-thumb{-webkit-appearance:none;background:#d8e698;border-radius:6px;height:12px;outline:none;width:12px}@media screen and (max-width:1366px){.canvas{left:50%;position:absolute;top:10px;transform:translateX(-50%);z-index:1}.valueDisplay{color:#d8e698;font-weight:600}.Slider,.valueDisplay{margin-left:50px;position:relative}.Slider{-webkit-appearance:none;background:none;border:2px solid #d8e698;border-radius:8px;height:10px;margin-bottom:20px;margin-top:10px;width:200px}}@media screen and (max-width:768px){body{margin-top:50px}.canvas{left:50%;position:absolute;top:10px;transform:translateX(-50%);z-index:1}.valueDisplay{color:#d8e698;font-weight:600}.Slider,.valueDisplay{margin-left:50px;position:relative}.Slider{-webkit-appearance:none;background:none;border:2px solid #d8e698;border-radius:8px;height:10px;margin-bottom:20px;margin-top:10px;width:200px}}