body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}header{align-items:center;background-color:#8e8d8a;display:flex;flex-direction:row;height:8vh;justify-content:center}header h1{color:#fff}header h1 span{color:orange}#main{align-items:center;display:flex;height:85vh;justify-content:center;width:100%}#main .settingSideBar{background-color:#eae7dc;border-right:1px solid orange;box-shadow:2.4px 2.4px 3.2px rgba(0,0,0,.15);height:100%;width:35%}#main .settingSideBar,.ControlBox,.colorcontrolBox{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.ControlBox,.colorcontrolBox{border-bottom:1px solid orange;height:40%;width:100%}.Box{align-items:center;display:flex;gap:1em;height:11%;justify-content:flex-start;padding:.5em;width:100%}.Box label{font-size:18px;font-weight:700}.Box input[type=range]{width:35%}.colorcontrolBox{height:20%}#main .outPutSide{align-items:center;display:flex;gap:4em;height:100%;justify-content:center;width:65%}#main .outPutSide #Result{border:2px solid orange;height:300px;width:300px}#Code{align-items:center;background-color:#eae7dc;border-bottom:2px solid orange;color:orange;display:flex;height:10vh;justify-content:center;width:100%;z-index:1000}#Code p{font-weight:700;word-spacing:10px}footer{align-items:center;background-color:#8e8d8a;display:flex;gap:2em;height:7vh;justify-content:center}footer p{color:#fff;color:orange;font-size:20px;font-weight:500;word-spacing:10px}footer p span{font-size:25px}@media (max-width:1023px){#main{flex-direction:column-reverse;height:150vh;justify-content:center}#main .settingSideBar{height:55%;width:100%}#main .outPutSide{height:45%;width:100%}.Box input[type=range]{width:30%}#Code p{font-size:12px;word-spacing:5px}footer p{font-size:10px;font-weight:bolder;word-spacing:normal}footer p span{font-size:15px}}
/*# sourceMappingURL=main.a8dbc185.css.map*/