.pallet{height:80%;background-color:#1e1d1f;display:flex;overflow-x:auto}.pallet::-webkit-scrollbar{width:0px}.pallet::-webkit-scrollbar-thumb{background:#888}.pallet:hover::-webkit-scrollbar{width:8px}.color-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.8em;background-color:transparent;width:100%;position:absolute;bottom:100px}.color-code{font-size:1em;font-weight:700}.color-name{font-weight:thin;font-size:.5em;color:#2f4f4f}.value-copied-prompt{background-color:gray;border-radius:25px;padding:.5em 1em;opacity:0;transition:opacity .5s ease-in-out;font-size:.8rem;position:absolute;bottom:10%;left:50%;transform:translate(-50%);width:70%;max-width:100px;text-align:center}.form-container{height:20%;background-color:#f5f5f5;display:flex;justify-content:center;align-items:center}.form{height:30%;display:flex;align-items:center;justify-content:space-around;gap:20px}select{font-size:1rem;cursor:pointer}.inputContainer{display:flex;gap:5px;height:100%;justify-content:center;align-items:center}input[type=color]{height:100%;width:20%;cursor:pointer}input[type=number]{width:10;font-size:1rem;text-align:center}input:focus{border:2px solid #2684ff;outline:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.border{background-color:#fff;border:1px solid #d1d5db;border-radius:5px;height:100%}.btn{width:180px;font-size:1rem;cursor:pointer}.btn:active{box-shadow:inset 0 0 5px #e0e0e0}.placeholder-container{height:90vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}main{height:90vh}nav{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;height:10vh}nav>h1{font-size:3rem;background:linear-gradient(90deg,#9d00ff,#efff00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-outer-div{height:90vh;width:100%;background-color:#f5f5f5}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-VariableFont_wght-i02rBV5P.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(/assets/Poppins-Bold-qTAUjFF7.ttf) format("truetype")}.error-container{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem}.xl-font{font-size:12rem;font-family:Poppins,sans-serif!important;padding-top:1rem;background:url(/assets/starry-sky3-VB-6KQ7z.jpg) no-repeat center center;background-size:cover;-webkit-background-clip:text;background-clip:text;color:transparent}.error-heading{font-family:Montserrat;font-weight:700;font-size:1.8rem}.error-body{width:30%;text-align:center;font-size:1rem;font-weight:200}.error-btn{text-decoration:none;background-color:#0145d4;color:#fff;border-radius:25px;padding:1em 2em}*{margin:0;box-sizing:border-box}#root{font-family:Rubik,sans-serif}