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;margin:0}.padding-right-4{padding-right:6px}.padding-left-4{padding-left:6px}::-webkit-scrollbar{display:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{align-items:center;background-color:hsla(0,0%,100%,.7);border-bottom:1px solid #f39c12;display:flex;height:59px;justify-content:space-between;padding-left:10px;padding-right:10px}header h1{font-family:cursive;font-size:1.5rem;margin:0;padding:0}header h1 a{color:purple;text-decoration:none}nav ul{display:flex;gap:15px}nav ul li{list-style:none;margin:0;padding:0}nav ul li a{color:purple;font-weight:700;text-decoration:none;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s}nav ul li a:hover{color:#2980b9}body.theme-light header{background-color:#080d43}body.theme-light header a{color:#fff}footer{align-items:center;background-color:hsla(0,0%,100%,.7);border-top:1px solid #f39c12;display:flex;height:39px;justify-content:center}footer p{margin:0;padding:0}.fa-solid{color:#5e2da9}body.theme-light footer{background-color:#080d43}body.theme-light footer p{color:#fff}body.theme-light .fa-solid{color:#f8e71c}.page-container{height:calc(100vh - 100px);overflow:hidden;overflow-y:auto}.siteWrapper{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;width:100%}body.theme-dark .siteWrapper{background-color:#030513}body.theme-light .siteWrapper{background-color:#d497a1}.pageTransition{background-color:#fff;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.animate-l2r{animation:leftToRight 1s ease-in-out forwards;-webkit-animation:leftToRight 1s ease-in-out forwards}.animate-r2l{animation:rightToLeft 1s ease-in-out forwards;-webkit-animation:rightToLeft 1s ease-in-out forwards}@-webkit-keyframes leftToRight{0%{left:0}to{left:100vw}}@keyframes leftToRight{0%{left:0}to{left:100vw}}@-webkit-keyframes rightToLeft{0%{left:0}to{left:-100vw}}@keyframes rightToLeft{0%{left:0}to{left:-100vw}}.main__wrapper{align-items:center;display:flex;flex-direction:column;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;justify-content:center;padding:1rem}.main__title{color:purple;font-family:cursive}.main__left{border:1px solid #d3d3d3;border-radius:10px;flex:1 1;padding:15px}.main__container{margin:35px 0}.main__container,.main__grids{grid-column-gap:15px;grid-row-gap:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr)}.main__scrollbar{margin:15px 0}.main__grids__item{min-width:170px}.main__item__heading{margin:5px 0}.btn{align-items:center;border:1px solid #d3d3d3;border-radius:7px;cursor:pointer;display:flex;justify-content:center;margin:25px 0;padding:9.5px 0;text-align:center}.btn:last-child{background-color:blue;color:#fff}.main__right{background:linear-gradient(225deg,#c68632,#fffa5c);border:1px solid #d3d3d3;border-radius:10px;flex:1 1;padding:15px}.main__scrollbar{align-items:center;display:flex;gap:10px;justify-content:center}.main__color__selection{border-radius:50%;cursor:pointer;min-height:25px;min-width:25px;padding:3px}.code__container{background-color:rgba(7,7,7,.1);height:100%;padding:3px;position:fixed;right:0;top:0;width:100%}.code,.code__container{align-items:center;display:flex;justify-content:center}.code{background-color:#fff;border-radius:10px;padding:25px 10px;position:relative;z-index:1}.code,.code__border{border:1px solid #d3d3d3}.code__border{height:100%;min-height:300px;min-width:300px;padding:15px;width:90%}.code__close{background:hsla(0,0%,82%,.4);border-radius:50%;cursor:pointer;padding:3px;position:absolute;right:5px;top:5px}.main__slider{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:center}.main__icon{border:1px solid #d3d3d3;border-radius:50%;color:blue;cursor:pointer;font-size:190%;min-height:30px;min-width:30px}.main__right__top{display:none}@media (max-width:767px){.main__container{grid-column-gap:15px;grid-row-gap:15px;display:grid;grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr);margin:35px 0}.main__right{display:none}.main__right__top{display:block}}@media (max-width:480px){.btn{max-width:130px}.main__grids__item{min-width:140px}}@media (max-width:380){.btn{max-width:125px}.main__grids__item{min-width:130px}}body.theme-dark .main__heading{color:#fff}body.theme-dark .main__title{color:#d3d319}body.theme-dark .main__container{color:#fff}body.theme-dark .css-i4bv87-MuiSvgIcon-root{color:green}body.theme-dark .card{color:#000}.color__container{align-items:center;border:1px solid #d3d3d3;border-radius:7px;display:flex;gap:50px;justify-content:space-between;padding:3px 5px}.color__input{-webkit-appearance:none;-moz-appearance:none;background-color:initial;border:none;cursor:pointer;height:35px;width:35px}.color__input::-webkit-color-swatch{border:none;border-radius:5px}@media (max-width:480px){.color__container{align-items:center;border:1px solid #d3d3d3;border-radius:7px;display:flex;gap:20px;justify-content:space-between;max-width:120px;padding:3px 5px}}.box{align-items:center;display:flex;justify-content:space-between;position:relative}.box input{border:1px solid #d3d3d3;border-radius:7px;height:100%;max-width:170px;min-width:170px;padding:12px 6px 12px 45px}.box input:focus,.box input:hover{border:1px solid #d3d3d3}.selection{align-items:center;border-left:1px solid #d3d3d3;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:1px}.options{background:#fff;border:1px solid #d3d3d3;border-radius:5px;box-shadow:1px 1px 1px 1px #d3d3d3;min-width:50px;position:absolute;right:-12px;top:40px;z-index:99}@media (max-width:1070px){.box input{max-width:140px;min-width:100px;padding-left:45px}}@media (max-width:920px){.box input{max-width:140px;min-width:100px;padding-left:45px}}@media (max-width:480px){.box{align-items:center;display:flex;justify-content:flex-start;max-width:120px;position:relative}.box input{padding-left:25px;width:100%}.selection{align-items:center;cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;top:1px}}.card{background-color:#fff;border-radius:5px;padding:5px;z-index:9999}.item{align-items:center;border-radius:7px;cursor:pointer;display:flex;justify-content:space-between;padding:3px}.item:hover{background-color:#e6e6e6}@media (max-width:480px){.card{border:1px solid #d3d3d3;max-width:120px}}.slider__wrapper{align-items:center;display:flex;gap:5px;justify-content:space-between}.range{-webkit-appearance:none;-moz-appearance:none;background:purple;height:9px;min-width:300px}.icon{border:1px solid #d3d3d3;border-radius:50%;color:red;cursor:pointer;margin-bottom:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#1d1c25;border:2px solid;border-radius:50%;cursor:-webkit-grab;height:25px;max-width:80px;-webkit-transition:border 1s ease;transition:border 1s ease;width:25px}.range.blue::-webkit-slider-thumb{border-color:#d2ebf7}.wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.heading{color:#fff;font-size:150%;font-weight:700;margin:25px 0}.gradients{grid-column-gap:15px;grid-row-gap:15px;display:grid;flex:1 1;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(1,1fr);margin-bottom:15px}.gradient{aspect-ratio:7/3;border-radius:10px;display:flex;min-width:300px}.see{color:purple;margin-bottom:5px;text-decoration:none}.left,.right{align-items:center;color:#d3d3d3;display:flex;height:100%;justify-content:center;width:50%}.left__color__code,.right__color__code{cursor:pointer;display:none}.left:hover .left__color__code,.right:hover .right__color__code{display:block}a{font-weight:700;text-decoration:none}@media (max-width:960px){.gradient{min-width:220px}}@media (max-width:760px){.gradients{grid-template-columns:repeat(2,1fr)}.gradient{min-width:220px}}@media (max-width:570px){.gradients{grid-template-columns:repeat(2,1fr)}.gradient{min-width:200px}}@media (max-width:480px){.gradients{grid-template-columns:repeat(1,1fr)}.gradient{min-width:280px;width:100%}}.home-card-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;padding:20px 10px}.home-card{background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;padding:9px}.home-card-colors{display:grid;grid-template-columns:repeat(5,minmax(54px,54px))}.home-card-color{height:36px;width:54px}.home-card-title-container{align-items:center;display:flex;justify-content:space-between;margin-top:9px}.home-card-code{color:#0a3d62;font-weight:700}.palette-page-header{align-items:center;background-color:rgba(47,53,66,.7);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;color:#fff;display:flex;height:30px;justify-content:space-between;margin:12px 10px;padding:6px 12px}.palette-header-back-btn{color:#fff;cursor:pointer;text-decoration:none}.color-format-picker-cont{position:relative}.color-format-text{background-color:#8e44ad;border:1px solid hsla(0,0%,100%,.6);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;padding:4px 18px}.color-format-container{background-color:rgba(0,0,0,.2);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.color-format-picker-box{animation:openColorPicker .2s ease-in-out forwards;-webkit-animation:openColorPicker .2s ease-in-out forwards;background-color:#fff;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;left:50%;overflow:hidden;position:fixed;top:100px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);width:320px}.color-format-picker-box button{border:none;border-bottom:1px solid rgba(0,0,0,.4);outline:none;padding:15px;width:100%}@-webkit-keyframes openColorPicker{0%{opacity:0;top:30px}to{opacity:1;top:100px}}@keyframes openColorPicker{0%{opacity:0;top:30px}to{opacity:1;top:100px}}.color-format-picker-box button:hover{background-color:#2c3e50;color:#fff;cursor:pointer}@media screen and (max-width:390px){.color-format-text{font-size:.7rem;padding:2px 9px}}.palette-colors-container{color:#fff;display:grid;grid-template-columns:repeat(5,minmax(20%,20%));height:calc(100% - 82px);text-transform:uppercase}.palette-color-container{cursor:pointer;display:inline-block;min-height:25%;min-width:20%;position:relative}.palette-copy-btn{border:2px solid hsla(0,0%,100%,.4);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;left:50%;opacity:0;padding:10px 30px;position:absolute;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s}.palette-color-container:hover .palette-copy-btn{opacity:1}.palette-color-name{bottom:0;display:inline-block;font-weight:700;padding:2px 4px;position:absolute;right:0}.palette-color-fullscreen{align-items:center;animation:open-full-color .3s ease-in-out forwards;-webkit-animation:open-full-color .3s ease-in-out forwards;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;text-transform:none;top:0;width:100vw;z-index:200}@-webkit-keyframes open-full-color{0%{opacity:0;transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}@keyframes open-full-color{0%{opacity:0;transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95)}to{opacity:1;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}}.palette-color-fullscreen h2{background-color:hsla(0,0%,100%,.3);font-size:6rem;margin:0;padding:25px 10px;text-align:center;width:100%}.palette-color-fullscreen p{font-size:2.5rem;margin:0;opacity:.8;padding:15px 10px}@media screen and (max-width:559px){.palette-color-name{font-size:.6rem}.palette-copy-btn{border:none;padding:5px 15px}}.contactPage-container{display:flex;gap:10px;overflow-y:auto;padding:160px 6px}.cPicker{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow-y:auto}.error404{padding:160px 0 0 60px;text-align:center}.error404-oops{color:#c0392b;font-size:5rem;font-weight:700;margin:0 0 20px;padding:0}.error404 span,.error404-text{font-size:30px}.error404-text a{border:1px solid #2c3e50;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;color:#3498db;font-weight:700;padding:4px 15px;text-decoration:none}body.theme-dark .error404{color:#fff}.checkbox{opacity:0;position:absolute}.label{align-items:center;background-color:#111;border-radius:50px;display:flex;height:26px;justify-content:space-between;padding:0 5px;position:relative;-webkit-transform:scale(1.5);transform:scale(1.5);width:38px}.ball{background-color:#fff;border-radius:50%;height:20px;left:2px;position:absolute;top:2px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:20px}.checkbox:checked+.label .ball{-webkit-transform:translateX(24px);transform:translateX(24px)}.fa-moon{color:pink}.fa-sun{color:#ff0}@media screen and (max-width:576px){.label{-webkit-transform:scale(1.15);transform:scale(1.15)}}
/*# sourceMappingURL=main.3e892653.css.map*/