@import url(https://fonts.googleapis.com/css?family=Fira+Code:300,regular,500,600,700);@import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic);.header{height:65px;width:100%;background:transparent;justify-content:space-between!important;padding:5px 10px;background:linear-gradient(270deg,#fff,#f5effc)}.header img{height:40px;width:40px}.header h1{margin-left:10px;background:linear-gradient(-45deg,#4776e6,#8e54e9);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;cursor:pointer;font-family:"Raleway",sans-serif}.input{padding:12px;background:#fff;box-shadow:0 10px 40px -10px rgba(0,64,128,.2);border:1px solid #ccc;border-radius:5px;width:300px}.rightBtns{justify-content:flex-end;margin-right:30px}.rightBtns .MuiButtonBase-root{margin:1px 3px!important;padding:10px!important}.fullpage{height:89.5vh;width:100%;overflow:hidden;background:#f5effc}.fullpage__left{flex-direction:column}.fullpage__left,.fullpage__right{width:50%;height:100%}.preview{height:75%;width:70%;border-radius:10px;box-shadow:0 10px 40px -10px rgba(0,64,128,.4)}textarea{background:#fff;height:25%;width:100%;resize:none;box-shadow:0 10px 40px -10px rgba(0,64,128,.2);border:1px solid #ccc;border-radius:5px;overflow-y:hidden;margin-left:40px;font-size:16px}input:focus,textarea:focus{outline:none}textarea::selection{background:transparent;color:#000}.fullpage_colors{width:90%;justify-content:flex-start!important}.fullpage_colors h1{margin-left:10px;cursor:pointer;-webkit-text-stroke-width:.3px;-webkit-text-stroke-color:#444}.fullpage__bottom{width:94%;margin-top:5px;justify-content:space-between!important}.fullpage__bottom .MuiButtonBase-root{text-transform:none!important;padding:8px 15px;box-shadow:0 10px 40px -10px rgba(0,64,128,.2)!important;background:#fff}.fullpage__btns .MuiSvgIcon-root{margin-left:5px!important;margin-top:-2px!important}.fullpage__bottom h3{background:linear-gradient(0deg,#8557c6,#eb78f9);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.ghicon{color:#000;margin-right:5px;margin-bottom:-5px!important}.fullpage__bottom a:hover{border-bottom:1.5px solid #8557c6!important}textarea::selection{background:#8557c6;color:#fff}.dark{background:#333}.dark .contributor,.dark .footer{color:#fff!important}.dark .contributor{background:#222;box-shadow:0 15px 47px 0 rgba(68,68,68,.26666666666666666);border:1px solid #444}.dark .footer .MuiSvgIcon-root,.dark .githubUser{color:#fff!important}.dark .App{background:#333}.dark .header{background:#222}.dark .gradient{background:#222;border:1px solid #444}.dark .bottom .MuiSvgIcon-root{color:#eee}.dark .gradient .MuiButton-contained{border:1px solid #444!important;background:rgba(24,23,23,.8549019607843137)!important}.dark .header .MuiSvgIcon-root{color:#eee!important}.dark .input{background:#333!important;color:#fff!important;border:1px solid #666}.dark .gradientGeneratorMain{background:#333}.dark .uploadImage{border:1px solid #444!important;background:rgba(24,23,23,.8549019607843137)!important;color:#fff!important}.dark .gradientGenerator .MuiSvgIcon-root{color:#fff}.dark .fullpage{background:#333}.dark .fullpage__bottom .MuiButtonBase-root,.dark textarea{background:#222!important;color:#fff!important;border:1px solid #666}.dark .ghicon{color:#aaa}.dark .notFound{background:linear-gradient(135deg,#111,#111 50%,#333 0,#333);color:#eee}.dark .profile img{border:1px solid #555}.dark .profile{background:#333;border:1px solid #444}.dark .profile .MuiButtonBase-root{color:#fff!important}.footer{padding:10px;font-weight:500;justify-content:space-between;width:100%}.footer a{background:linear-gradient(-45deg,#4776e6,#8e54e9);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;cursor:pointer;text-decoration:none;margin-left:3px}.footer_buttons{margin-right:40px}@media (max-width:500px){.header .rightBtns .search{display:none}.addBtn{display:none!important}.rightBtns{margin-right:0}.rightBtns .MuiButtonBase-root{margin:2px!important;padding:5px!important}.rightBtns .MuiSvgIcon-root{font-size:22px!important}.header h1{font-size:1.2em}.header img{width:30px;height:30px}.demoImage{width:100%!important}.fullpage{display:block!important}.fullpage__left{width:90%;height:50%}textarea{height:70%}.fullpage__bottom{width:100%}.fullpage__btns{margin-left:20px;width:100%}.preview{width:90%;height:70%}.fullpage__right{width:100%;height:50%}.profile{padding:1px 10px!important;display:block!important;margin-right:15px}.profile img{display:none}.profile h4{font-size:15px}.rotateBtn{display:none!important}.rightBtns{width:70%}}.contributors{height:100%;min-height:80vh;width:100vw;overflow-x:hidden;flex-wrap:wrap;align-items:flex-start!important}.contributor{background:#fff;padding:15px;margin:10px;box-shadow:0 15px 47px 0 #e9e7ef;border-radius:5px;border:1px solid #eee;text-align:center}.contributor img{height:225px;border-radius:5px}.contributors a{color:#333;text-decoration:none}.githubUser p{margin-left:5px}.contributor .MuiSvgIcon-root{font-size:18px!important}.notFound{box-sizing:border-box;height:100vh;background:linear-gradient(135deg,#ccc,#ddd 50%,#f5effc 0,#f5effc);color:#222}.box{position:relative;text-align:center}.box h1{background:linear-gradient(90deg,#8557c6,#eb78f9);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-size:16em;text-shadow:-25px 25px 40px rgba(0,0,0,.3);line-height:.8em}.goHomebtn{background:linear-gradient(90deg,#8557c6,#eb78f9);color:#fff!important;margin-top:10px!important;padding:8px 15px!important;box-shadow:0 10px 40px -10px rgba(0,64,128,.9);text-transform:none!important}.goHomebtn .MuiSvgIcon-root{margin-left:5px}.goHomebtn:hover{box-shadow:0 10px 40px -10px rgba(0,64,128,.1)}.notFound ::selection{background:transparent!important;color:#000!important}.profile{padding:5px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 10px 40px -10px rgba(0,64,128,.3)}.profile h4{background:linear-gradient(-45deg,#4776e6,#8e54e9);background-size:cover;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;font-family:"Raleway",sans-serif!important}.profile img{height:42.5px;width:42.5px;border-radius:5px;margin-right:7px;border:.5px solid #ddd;transition:.5s!important}.profile .MuiButtonBase-root{font-size:12px!important;text-transform:none!important}.profile .MuiButtonBase-root:nth-child(2){padding:1px!important}.profile:hover{box-shadow:0 10px 40px -10px rgba(0,64,128,.4)}*{margin:0;padding:0;font-family:"Fira Code",sans-serif}html{scroll-behavior:smooth;min-height:calc(100% + env(safe-area-inset-top));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{overflow-x:hidden;scroll-behavior:smooth!important}.App{min-height:100vh;width:100vw;overflow-x:hidden!important;background:#f5effc;transition:.5s!important;transition:background 1s ease-out}.flex{display:flex;align-items:center;justify-content:center}.colorCont{width:100%;overflow-x:hidden;padding-bottom:50px;height:100%;flex-wrap:wrap}.gradient{background:#fff;box-shadow:0 10px 40px -10px rgba(0,64,128,.1);padding:15px;margin:10px;z-index:1;transition:.5s!important;color:#fff;border-radius:5px;border:1px solid #eee}.gradientPriview .MuiSvgIcon-root{font-size:18px!important;margin-right:5px;margin-bottom:-2px}.gradient a{color:#fff;text-decoration:none}.gradient a:hover{text-decoration:underline}.gradientPriview h4{font-weight:400}.gradient:hover{box-shadow:0 21px 36px 0 rgba(0,64,128,.3)}.gradientPriview{height:200px;width:280px;border-radius:5px;box-shadow:0 10px 40px -10px rgba(0,64,128,.2);align-items:flex-end;justify-content:flex-start;padding:10px;cursor:pointer}.bottom{width:280px;color:#000;justify-content:space-between}.bottom h5{font-weight:400;font-size:15px;text-transform:uppercase;margin:0 3px;cursor:pointer;-webkit-text-stroke-width:.3px;-webkit-text-stroke-color:#aaa}.allColors{height:100%;justify-content:flex-start;flex-direction:row-reverse;max-width:225px;overflow:hidden}.gradient .MuiButton-contained{margin-top:7.5px!important;margin-right:-17.5px!important;padding:8px 10px!important;background:none!important;border:1px solid #ddd!important;box-shadow:0 10px 40px -10px rgba(0,64,128,.4)!important}.btn:hover{box-shadow:0 21px 36px 0 rgba(0,64,128,.3);border:1px solid #ccc!important}::selection{background:indigo;color:#fff}.gradientGenerator{padding:15px;height:100vh}.gradientCont{height:100%;overflow:hidden;width:100%;background-color:#fff;box-shadow:0 10px 40px -10px rgba(0,64,128,.2);border-radius:10px}.demoImage{max-height:450px;width:450px;margin-bottom:10px}.cont{width:100%}.palatte{padding-bottom:20px}.palatte h4{font-weight:600;cursor:pointer;margin:5px}input[type=file]{display:none}.uploadImage{color:#000;padding:8px 15px;background:#fff;border:1px solid #ccc;border-radius:5px;cursor:pointer;box-shadow:0 10px 40px -10px rgba(0,64,128,.2);transition:.5s}.uploadImage:hover{border:1px solid #aaa;box-shadow:0 10px 40px -10px rgba(0,64,128,.8)}.cont{justify-content:flex-start}.gradientGenerator .copybtn{border:1px solid #ccc!important;padding:8px!important;margin-top:-1px!important;margin-left:5px!important;transition:.5s!important}.copybtn:hover{border:1px solid #aaa!important;box-shadow:0 10px 40px -10px rgba(0,64,128,.8)!important}
/*# sourceMappingURL=main.be6ca687.chunk.css.map */