@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400&display=swap);body,html{margin:0;padding:0;box-sizing:border-box;background-color:#171b21}.global-container{display:flex;flex-direction:column;background-color:#171b21}.nav-container{width:100vw;height:10vh;background-color:#36383b}.view-container{width:100vw;height:89vh;display:flex;flex-direction:row}.sidebar{height:100%;width:23vw;background-color:#36383b;border-top:3px solid #171b21}.title-text{font-family:"Poppins",sans-serif;font-size:27px;letter-spacing:3px;color:#fff}.fa-icon{font-size:30px;padding-top:3px;color:#fff;margin-right:20px}.nav-div{padding:20px}.visualizer{height:100%;width:77vw;overflow:hidden}.form{margin:100px auto auto}.form-label{font-size:25px;color:#f5f5f5}.form-label,.form-select{font-family:"Noto Sans SC",sans-serif;margin-left:30px}.form-select{font-size:20px;margin-top:30px;border-radius:10px;height:40px;width:250px}.form-option,.form-select{border:none;outline:none}.slider-container{margin:70px auto auto}.slider-label{font-family:"Noto Sans SC",sans-serif;font-size:25px;color:#f5f5f5;margin-left:30px}.range-slider{margin-top:40px}.range-slider,.submit-btn{margin-left:30px;width:250px}.submit-btn{border:none;outline:none;height:45px;border-radius:20px;margin-top:70px;margin-bottom:50px;font-size:27px;font-weight:medium;letter-spacing:3px;color:#f5f5f5}.submit-btn,.surprise-container{text-align:center;font-family:"Noto Sans SC",sans-serif;background-color:#2177f8}.surprise-container{margin-left:30px;font-size:23px;padding-top:5px;width:250px;height:40px;border-radius:20px;align-items:center;justify-content:center;vertical-align:middle}.surprise-btn{text-decoration:none;border:none;outline:none;color:#f5f5f5}.bar{width:4px;margin-right:.5px;background-color:#2177f8;float:left}.bar-container{width:90%;height:90%;margin:10px auto auto;align-items:center;justify-content:center}.active-element{background-color:#fff}@media screen and (max-width:1290px){.global-container{display:flex;flex-direction:column;background-color:#171b21}.nav-container{width:100vw;height:10vh;background-color:#36383b}.view-container{width:100vw;height:89vh;display:flex;flex-direction:row}.sidebar{height:100%;width:15vw;background-color:#36383b;border-top:3px solid #171b21}.title-text{font-family:"Poppins",sans-serif;font-size:27px;letter-spacing:3px;color:#fff}.fa-icon{font-size:30px;padding-top:3px;color:#fff;margin-right:20px}.nav-div{padding:20px}.visualizer{height:100%;width:85vw;overflow:hidden}.form{margin:100px auto auto}.form-label{color:#f5f5f5}.form-label,.form-select{font-family:"Noto Sans SC",sans-serif;font-size:14px;margin-left:10px}.form-select{margin-top:30px;border-radius:10px;height:40px;width:150px}.form-option,.form-select{border:none;outline:none}.slider-container{margin:70px auto auto}.slider-label{font-family:"Noto Sans SC",sans-serif;font-size:14px;color:#f5f5f5;margin-left:10px}.range-slider{margin-top:40px;margin-left:10px;width:150px}.submit-btn{border:none;outline:none;height:35px;border-radius:20px;margin-top:70px;margin-bottom:50px;font-size:17px;font-weight:medium;letter-spacing:3px;color:#f5f5f5}.submit-btn,.surprise-container{width:100px;text-align:center;margin-left:30px;font-family:"Noto Sans SC",sans-serif;background-color:#2177f8}.surprise-container{font-size:13px;padding-top:5px;height:30px;border-radius:20px;align-items:center;justify-content:center;vertical-align:middle}.surprise-btn{text-decoration:none;border:none;outline:none;color:#f5f5f5}.bar{width:4px;margin-right:.5px;background-color:#2177f8;float:left}.bar-container{width:90%;height:90%;margin:10px auto auto;align-items:center;justify-content:center}.active-element{background-color:#fff}}
/*# sourceMappingURL=main.d824422c.chunk.css.map */