@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App-heading{text-align:center;font-size:1.8rem;margin:2rem 0}.container{padding:.8rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(2,minmax(19rem,1fr));grid-template-rows:auto}.mt-3{margin-top:3rem}.col-1{grid-column:1/2;grid-row:1/-1}.col-2{grid-column:2/-1;grid-row:1/-1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.options-container{width:80%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.option-cards{width:100%;padding:1rem;border-radius:1px solid #ccc;background-color:#eee;box-shadow:4px 8px 8px #ccc;border-radius:.8rem;box-sizing:border-box;margin:1rem 0}.slider-value-text{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;width:100%}.slider-value-text span{text-align:right;width:10%}.color-box{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0 .7rem;width:200px;position:relative}.color-box p{width:160px;text-align:left}.color-box .inputcolor{border:none;width:10%;background:transparent;position:absolute;width:40px;height:40px;top:8px;right:0;cursor:pointer}.MuiSlider-root{color:#f50057!important}.button-container{margin-top:5rem;margin-bottom:1rem;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center}.btn{width:110px;height:50px;border-radius:2rem;border:1px solid #f50057;background:#f50057;font:inherit;font-weight:bolder;cursor:pointer;color:#fff;margin:0 .4rem;font-size:.9rem;outline:none;box-shadow:0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12),0 5px 6px -3px rgba(0,0,0,.2)}.code-container{height:auto;width:100%;background:#272c34;border:1px solid #272c34;border-radius:1rem;padding:.7rem;box-sizing:border-box;position:relative}.copy-icon{color:#fff;position:absolute;right:10px;top:10px;cursor:pointer}.code-container p{color:#fff;font-size:1rem}.box-container{margin-top:1rem}.box{width:200px;height:200px;background:#3f51b5;border:1px solid #3f51b5;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
/*# sourceMappingURL=main.ef298293.chunk.css.map */