@import url(https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100;200;300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{display:flex;flex-direction:row}.copier{background:none;border:none;text-align:left}.copier:hover{background:#ff0}a{color:#000;text-decoration:none}.swatch{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(17,25,40,.75);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;margin:7px}.palette_color{background:none;border:none;height:100px;outline:none}.palette_color::-webkit-color-swatch{border:none}.norm button.copier{background:none;border:none;color:#fff;display:flex;font-family:Lexend Exa,sans-serif;font-size:12px;font-style:normal;font-weight:400;height:20px;padding:0 0 0 10px;width:100%}.norm button.copier:hover{background-color:initial;cursor:grabbing;font-size:12.5px}button#hexC{color:#f4e180;font-size:15px;text-indent:25px}button#hexC:hover{font-size:16px}hr{opacity:.3}.norm{-webkit-filter:blur(5px);filter:blur(5px);-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:all 1s}.norm:first-child{transition-delay:.1s}.norm:nth-child(2){transition-delay:.2s}.norm:nth-child(3){transition-delay:.3s}.norm:nth-child(4){transition-delay:.4s}.norm:nth-child(5){transition-delay:.5s}.delay{-webkit-filter:blur(0);filter:blur(0);-webkit-transform:translateX(0);transform:translateX(0)}.App{text-align:center}*{margin:auto;overflow:hidden;padding:0;position:relative;scroll-behavior:smooth;transition:.3s;width:100%}body{background:#fff;font-family:Lexend Exa,sans-serif;font-style:normal;font-weight:400}.elementsContainer{height:1024px;width:1500px;z-index:1}#sampleButton{font-size:5 px;text-align:center}#sampleButton a{font-family:Lexend Exa,sans-serif}#top{background:linear-gradient(0deg,#fff,#ededf7 67%,#a2a8ee)}p.front{color:#000;left:14%;text-shadow:-10px 6px 4px rgba(74,14,14,.25);top:20%}p.behind,p.front{align-items:center;display:flex;font-size:141px;line-height:103.52%;position:absolute;text-align:center;z-index:1}p.behind{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(180deg,#5b3dd1,hsla(61,81%,78%,.351) 64.9%,transparent);-webkit-background-clip:text;background-clip:text;left:13.5%;text-shadow:-10px 6px 4px rgba(74,14,14,.25);top:20.5%}input.colorPick{-webkit-appearance:none;appearance:none;background-color:initial;border:.5rem outset #5e36ff;border-radius:50%;cursor:pointer;height:94px;left:-30%;top:40%;width:94px;z-index:1}input.colorPick::-webkit-color-swatch{border-radius:50%;margin:2px}input.colorPick::-moz-color-swatch{border-radius:50%;margin:2px}input#imgfile{display:none}#labelBorder{top:-1%}#labelBorder,#labelBorder:hover{border:.5rem outset #5e36ff;border-radius:50%;height:84px;left:-7%;width:84px;z-index:1}#labelBorder:hover{top:-2%}label.upldBtn{cursor:pointer}label.upldBtn i{background-color:#5e36ff;border-radius:50%;color:#fff;height:55px;margin-top:5%;padding:10px;width:55px}#ranIcon{border:.5rem outset #5e36ff;border-radius:50%;cursor:pointer;height:84px;left:-29%;top:38%;width:84px;z-index:2}#ranIcon i{background-color:#5e36ff;border-radius:50%;color:#fff;height:55px;margin-top:5%;padding:10px;width:55px}button.option-text{align-items:center;background:linear-gradient(150deg,#ad2dfb -10.82%,hsla(61,81%,78%,.351) 43.86%,rgba(63,63,53,0) 101.48%);border:#fff;border-radius:180px;box-shadow:inset -2px 4px 10px #5e36ff;display:flex;font-family:Lexend Exa;font-size:51px;font-style:normal;font-weight:400;height:94px;left:20%;letter-spacing:-.135em;line-height:103.52%;position:absolute;text-align:center;text-indent:5%;top:40%;width:274px;z-index:1}button.option-text:hover{background-color:#5e36ff}button.option-text:hover a{color:#fff}button#random-text{font-size:40px}button#upld-text{top:0}button#pick-text,input.colorPick:hover{font-size:43px;text-indent:5%}input.colorPick:hover{top:36%}#ranIcon:hover{top:34%}#optionCP{left:-20%;top:30%}#optionCP,#optionU{height:200px;width:500px}#optionU{left:3%;top:18.5%;transition:.5s}#optionRan{height:200px;left:26%;top:-18.5%;width:500px}section#bot{background-color:#12123a;background-image:radial-gradient(at 47% 33%,#782ce8 0,transparent 59%),radial-gradient(at 82% 65%,#614c4c 0,transparent 55%);height:1024px;width:1500px}.palette{border:#fff;display:flex;top:5%;width:900px}section#bot a#goUp{left:3%;z-index:4}section#bot a#goUp i{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(251,253,255,.69);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;border-radius:50%;color:#5e36ff;height:55px;padding:10px;top:11%;width:55px}section#bot a#goUp:hover i{background-color:#fff;top:10%}a#downloadBtn{color:transparent}a#downloadBtn,a#downloadBtn:hover{background-color:initial;text-decoration:none}a#downloadBtn i{backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background-color:rgba(251,253,255,.69);border:1px solid hsla(0,0%,100%,.125);border-radius:12px;border-radius:50%;color:#5e36ff;height:55px;left:28%;padding:10px;text-align:center;text-decoration:none;top:3%;width:55px;z-index:5}a#downloadBtn i:hover{background-color:none;cursor:pointer;text-decoration:none;top:2%}#sampleSite{border-radius:50%;display:block;height:1500px;margin-top:5%;width:1500px}#sampleSite h1{font-size:50px;left:1%;margin-top:5%}#sampleSite p{justify-content:space-evenly;padding:15px;text-align:left;width:500px}#sampleSite button{border-radius:12px;color:#fff;font-family:Lexend Exa;font-size:1em;height:50px;width:120px}#sampleSite button:hover{cursor:pointer;font-size:1em}#sampleSite{transition-delay:.2s}.hidden{-webkit-filter:blur(5px);filter:blur(5px);opacity:0;transition:all 1s}.show{-webkit-filter:blur(0);filter:blur(0);opacity:1}
/*# sourceMappingURL=main.d228d597.css.map*/