#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.roboto{font-family:Roboto,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}body{display:flex;align-items:center;justify-content:center}.parent{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto}.title{margin-bottom:80px;font-size:38px;justify-content:center;align-items:center;display:flex}.horizontal{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:100px}.left-box{width:800px;margin-bottom:50px;display:flex;flex-direction:column;align-items:center}.scatterplotOptions{display:flex;flex-direction:row;align-items:center;column-gap:10px}.scatterplotOptions p{font-weight:700;font-size:18px;color:#3d3d3d}.scatterplotButton{margin-left:20px}.center-box{width:50px}.right-box{width:500px;margin-right:150px}.scatterplotBox{width:800px;display:flex;flex-direction:column;align-items:center}.sliderBox{margin-bottom:50px;width:15px;align-items:center}.sliderLabelBox{text-align:center;align-items:center}.center-glyph{display:flex;font-size:100px;justify-content:center;align-items:center;position:absolute;outline:none}.circle-container{display:flex;position:relative;width:500px;height:500px;justify-content:center;align-items:center}.circle-button{width:120px;height:120px;border-radius:50%;border:none;background-color:#e0e0e0;color:#000;font-size:55px;display:flex;justify-content:center;align-items:center;cursor:pointer;position:absolute;transform-origin:50% 50%}.circle-button:hover{background-color:#828282}.deg0{transform:translate(200px)}.deg60{transform:rotate(60deg) translate(200px) rotate(-60deg)}.deg120{transform:rotate(120deg) translate(200px) rotate(-120deg)}.deg180{transform:translate(-200px)}.deg240{transform:rotate(240deg) translate(200px) rotate(-240deg)}.deg300{transform:rotate(300deg) translate(200px) rotate(-300deg)}.fontName{margin-top:30px;margin-bottom:30px;font-size:24px;justify-content:center;align-items:center;display:flex;text-decoration:none;color:#000}.utility-button-container{display:flex;position:relative;justify-content:center;align-items:center;gap:20px}.utility-button{width:80px;height:80px;border-radius:50%;border:none;background-color:#e0e0e0}.utility-button:hover{background-color:#828282}