@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;font-family:inherit;font-size:inherit;box-sizing:border-box}html{scroll-behavior:smooth}body{background:#161616;color:#fff;font-size:18px;font-family:"Montserrat",sans-serif}.button,button{display:inline-block;border:none;cursor:pointer;padding:15px 40px;background:#6117FF;border-radius:30px;color:#fff;text-decoration:none;font-weight:bold}.container{max-width:1240px;width:100%;margin:0 auto;padding:0 30px}.text-primary{color:#6117ff}section{padding:75px 0}.header-section{display:flex;align-items:center;position:relative;overflow:hidden}@media screen and (min-width: 1280px){.header-section{min-height:600px;height:100vh}}.header-section .inner{width:100%}@media screen and (min-width: 1280px){.header-section .inner{max-width:50%}}.header-section h1{font-size:48px;margin-bottom:20px;line-height:1.2}@media screen and (min-width: 1280px){.header-section h1{font-size:96px}}.header-section p{margin-bottom:20px}@media screen and (min-width: 1280px){.header-section p{margin-bottom:30px;font-size:24px}}.header-section .logo{position:absolute;right:0;top:50%;transform:translateY(-50%);opacity:.2;z-index:-1;height:20vh}@media screen and (min-width: 1280px){.header-section .logo{height:auto}}.header-section .background-text{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:240px;-webkit-text-stroke:2px;-webkit-text-stroke-color:#6117FF;-webkit-text-fill-color:transparent;z-index:-1;font-weight:bold;opacity:.2}@media screen and (min-width: 1280px){.header-section .background-text{font-size:50vh}}h2{font-size:32px;margin-bottom:20px}@media screen and (min-width: 1280px){h2{font-size:64px;margin-bottom:40px}}.upload-section .upload-container{padding:50px 0;width:100%;border:2px solid #FFFFFF;display:flex;justify-content:center;align-items:center;border-radius:25px;flex-direction:column;position:relative;text-align:center;cursor:pointer}@media screen and (min-width: 1280px){.upload-section .upload-container{height:70vh}}.upload-section .or-bar{margin:20px auto;position:relative;display:flex;justify-content:center;align-items:center;width:100%}.upload-section .or-bar span{display:inline-block;padding:3px 20px;background:#161616}.upload-section .or-bar:before{content:" ";position:absolute;left:0;right:0;height:2px;top:50%;z-index:-1;transform:translateY(-50%);background-color:#fff}.upload-section .button{pointer-events:none}.upload-section img{margin-bottom:20px}.upload-section h3{line-height:1;font-size:22px}@media screen and (min-width: 1280px){.upload-section h3{font-size:28px}}.upload-section input{position:absolute;inset:0 0 0 0;opacity:0;width:100%;cursor:pointer}.upload-section #error-text{margin-top:10px;border-radius:5px;background-color:#fff;color:#161616;position:absolute;top:0;left:50%;transform:translate(-50%);padding:15px 20px;opacity:0;visibility:hidden;transition:.3s ease}.upload-section #error-text.visible{visibility:visible;opacity:1;transform:translate(-50%,50%)}.control-item{margin-bottom:30px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:14px}.control-item input[type=number]{appearance:none;outline:none;background:none;color:#fff;border:none;text-align:right}.control-item input[type=range]{margin-top:10px;order:3;display:block;width:100%;-webkit-appearance:none;height:25px;background:transparent}.control-item input[type=range]:focus{outline:none}.control-item input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none;background:#C4C4C4;height:4px}.control-item input[type=range]::-moz-range-track{background:#C4C4C4;height:4px}.control-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;background:#C4C4C4;transform:translateY(-50%);border-radius:50%}.control-item input[type=range]::-moz-range-thumb{height:20px;width:20px;background:#C4C4C4;transform:translateY(-50%);border-radius:50%}.render-container{background:#222222}@media screen and (min-width: 1280px){.render-container{height:100vh;display:flex}}.render-container .canvas-container{display:flex;justify-content:center;align-items:center;width:100%;padding:60px 0}@media screen and (min-width: 1280px){.render-container .canvas-container{width:75%;padding:0}}.render-container .controls-container{overflow:auto;background:#383838;padding:50px}@media screen and (min-width: 1280px){.render-container .controls-container{width:25%;height:100vh}}