@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Crete+Round&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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)}}.heading{align-items:center;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem 5rem}.AllPalette{background:#3f5efb;background:radial-gradient(circle,#3f5efb 0,#fca146 100%);background-position:50%;display:flex;flex-direction:column;height:100vh;margin:0 auto;width:100%}.new-palette{align-items:center;background-color:red;border-bottom:.2rem solid #000;border-left:0;border-radius:1rem;border-right:.2rem solid #000;border-top:0;color:#fff;display:inline-block;display:flex;font-size:1.3rem;font-weight:700;height:4rem;justify-content:center;text-align:center;text-decoration:none;width:15rem}.new-palette:hover{opacity:.7}.new-palette:active{border-bottom:0;border-left:.2rem solid #000;border-right:0;border-top:.2rem solid #000}.allPalette-h1{color:rgba(51,45,45,.758);font-size:4rem;text-shadow:3px 3px 2px #8e6161}.allPalette-span{font-family:Dancing Script,cursive}.cards{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(205,48,48,.05);border:1px solid hsla(0,0%,100%,.18);border-radius:10px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);flex-wrap:wrap;justify-content:center;margin:2rem 4rem;overflow-y:scroll;padding:2rem}.allPalette-container,.cards{display:flex;flex-direction:row;height:100%}.allPalette-container{align-items:center;border-radius:1.2rem;overflow:hidden;width:100%}.left{align-items:center;display:flex;justify-content:center;margin:2rem;width:50%}.new-palette-link{color:rgba(51,45,45,.758);transition-duration:.2s}.new-palette-link:hover{color:hsla(0,0%,96%,.861)}.new-palette-link:active{color:red}.right{height:100%;position:relative;width:60%}.right-h1{color:#bc343e;font-size:2.5rem;left:12rem;position:absolute;top:2rem}.svg-img{height:100%;width:100%}.cards::-webkit-scrollbar{width:0}.card{margin:4rem}@media only screen and (min-width:1199.98px){.left{font-size:1.4rem}}@media only screen and (max-width:1199.98px){.cards{margin:2rem 13rem}}@media only screen and (max-width:767.98px){.cards{margin:2rem 5rem}.new-palette{height:3.5rem;letter-spacing:.1rem;width:12rem}}@media only screen and (max-width:575.98px){.heading{flex-direction:column}.cards{margin:3rem}}.palette{height:100vh;overflow:hidden}.palette-colors{display:grid;grid-template-columns:repeat(5,1fr);height:90%}.palette-colors::-webkit-scrollbar{width:.5rem}.palette-colors::-webkit-scrollbar-thumb{background:#888}.span-msg{font-size:1.3rem}.footer{font-size:1.5rem;font-weight:700;height:4%;justify-content:space-between;width:100%}.back-btn,.footer{align-items:center;display:flex}.back-btn{border-radius:1.2rem;color:#000;height:90%;justify-content:center;margin:.1rem .1rem .1rem .5rem;padding:0 1rem;text-decoration:none}.back-btn:hover{background-color:rgba(0,110,255,.363);transition:all .2s linear}.footer-p{float:right;letter-spacing:.1rem;margin-right:1rem}@media only screen and (max-width:991.98px){.palette-colors{overflow-y:scroll}}@media only screen and (max-width:767.98px){.footer{align-items:center;display:flex;font-size:1.2rem;font-weight:700;height:4%;justify-content:space-between;width:100%}.palette-colors{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:575.98px){.palette-colors{grid-auto-rows:12vh;grid-template-columns:repeat(1,1fr)}}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb;left:0}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;height:14px;margin-top:-5px;position:absolute;touch-action:pan-x;width:14px}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:transparent;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;margin-left:-4px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{left:2px;margin-bottom:-4px}.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child{margin-bottom:-4px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}.header{display:flex;height:6%;justify-content:space-between}.slider-container{align-items:center;border:none;display:flex;width:50%}.logo{align-items:center;background-color:hsla(0,0%,50%,.178);color:#000;cursor:pointer;display:inline-block;display:flex;font-size:2.3rem;height:100%;justify-content:center;text-decoration:none}.logo,.sm-logo{padding:.5rem 1.5rem}.selector{font-family:Dancing Script,cursive;font-weight:900}.slider-p{display:inline-block;font-size:1.5rem;font-weight:700;width:20%}.slider{margin:0 .2rem;width:75%}.rc-slider-track{background-color:#000}.rc-slider-handle,.rc-slider-handle:active,.rc-slider-handle:focus,.rc-slider-handle:hover{background-color:#fff;border-color:#000;outline:none}.select-container{align-items:center;display:flex;justify-content:space-between;margin-right:2rem;width:17%}.label{font-size:1.3rem!important;font-weight:700!important}@media only screen and (max-width:767.98px){.logo{font-size:2rem}.slider-container{width:60%}.slider-p{font-size:1.3rem;margin:0 1rem;width:20%}.select-container{align-items:center;display:flex;justify-content:space-evenly;margin-right:1rem;width:35%}}@media only screen and (max-width:575.98px){.lg-logo{display:none}}@media only screen and (min-width:575.98px){.logo{font-size:1.8rem;padding:0 .5rem}.sm-logo{display:none}}.create-palette{height:100vh}.main{overflow-Y:scroll;height:90vh;margin-top:6.5rem}.main::-webkit-scrollbar{width:1rem}.main::-webkit-scrollbar-thumb{color:grey}.emptyMain-h1{align-items:center;color:hsla(0,0%,60%,.826);display:flex;height:89%;justify-content:center;position:absolute;width:100%}.emptyMain-h1::-webkit-scrollbar{width:1rem}.emptyMain-h1::-webkit-scrollbar-thumb{color:grey}.clrname-input{margin:2rem}.logo-icon-container{display:flex}.btn-container{align-items:center;display:flex;height:3.5rem;justify-content:space-around;margin-right:0;width:25rem}.custom-btn{border-radius:1.8rem;border-width:0 .2rem .2rem 0;height:3.5rem;margin:.5rem;padding:.5rem;width:25rem}.custom-btn:active{border-width:.2rem 0 0 .2rem}.custom-btn:hover{opacity:.8}.go-back-btn{background-color:tomato;color:#fff}.save-palette-btn{background-color:rgba(138,17,94,.694);color:#fff}.disableBtn{border-radius:1.8rem;height:3.5rem;margin:.5rem;padding:.5rem;width:25rem}@media only screen and (max-width:767.98px){.main{margin-top:5.9rem}.btn-container{align-items:center;display:flex;height:3.5rem;justify-content:space-around;width:15rem}.custom-btn{border-radius:1.8rem;border-width:0 .2rem .2rem 0;height:3.5rem;margin:.5rem;padding:.5rem}.custom-btn,.disableBtn,.save-palette-btn{font-size:1rem}.disableBtn{padding:.2rem}}@media only screen and (max-width:575.98px){.emptyMain-h1{font-size:.6rem}}.colorBoxContainer{display:grid;grid-template-columns:repeat(5,1fr)}@media only screen and (max-width:757.98px){.colorBoxContainer{display:grid;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:575.98px){.colorBoxContainer{display:grid;grid-template-columns:repeat(1,1fr)}}.dialog-title{font-family:Crete Round,serif!important;font-size:2.3rem!important}.dialog-content-text{font-size:1.5rem!important}.dialog-btn{font-size:1.2rem!important}.dialog-btn:hover{background-color:#4d95dc2e!important}.emoji-picker{position:absolute!important}.singleColorPalette{height:100vh;overflow:hidden;width:100%}.singleColorPalette-colorContainer{display:grid;grid-template-columns:repeat(5,1fr);height:90%;width:100%}.singleColorPalette-footer{align-items:center;display:flex;font-size:1.5rem;font-weight:700;height:4%;justify-content:space-between;width:100%}.singleColorPalette-backBtn{align-items:center;border-radius:1.2rem;color:#000;display:flex;height:90%;justify-content:center;margin:.1rem .1rem .1rem .5rem;padding:0 1rem;text-decoration:none}.singleColorPalette-backBtn:hover{background-color:rgba(0,110,255,.363);transition:all .2s linear}.colorID{float:right;letter-spacing:.1rem;margin-right:1rem}@media (max-width:1199.98px){.singleColorPalette-colorContainer{overflow-y:scroll}}@media (max-width:767.98px){.singleColorPalette-colorContainer{grid-template-columns:repeat(3,1fr)}}@media (max-width:575.98px){.singleColorPalette-colorContainer{grid-template-columns:repeat(2,1fr)}}.not-found-container{height:100vh;overflow:hidden;width:100vw}.not-found-link{align-items:center;background-color:#d4dfff;border-color:#000;border-radius:12rem;border-style:solid;border-width:medium .2rem .2rem medium;border-left:0;border-top:0;color:#fff;display:flex;font-size:2.5rem;font-weight:bolder;height:7%;justify-content:center;left:2rem;position:absolute;text-decoration:none;top:2rem;width:16%}.not-found-link:hover{opacity:.6}.not-found-link:active{border-color:#000;border-style:solid;border-width:.2rem medium medium .2rem;border-bottom:0;border-right:0}.not-found-img{height:100%;width:100%}
/*# sourceMappingURL=main.e84cd298.css.map*/