@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Gochi+Hand&family=Permanent+Marker&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f4f4;color:#333;font-family:Poppins,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:1rem}input[type=color],input[type=text]{border:1px solid #ddd;border-radius:4px;margin-bottom:1rem;padding:.5rem;width:100%}@media (max-width:768px){.container{padding:.5rem}}.hamburger-menu{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;height:2rem;justify-content:space-around;padding:0;width:2rem;z-index:1001}.hamburger-menu span{background:#fff;border-radius:10px;height:.25rem;position:relative;transform-origin:1px;transition:all .3s linear;width:2rem}.hamburger-menu.open span:first-child{transform:rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:nth-child(3){transform:rotate(-45deg)}@media (max-width:768px){.hamburger-menu{display:flex}}.navbar{background-color:#333;color:#ccc;padding:1rem;z-index:1010}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.navbar-title{font-family:Gochi Hand,system-ui;font-size:1rem;margin:0;z-index:1001}.title1{color:#ef476f}.title2{color:#ffd166}.title3{color:#06d6a0}.navbar-links{display:flex;list-style-type:none;margin:0;padding:0}.navbar-links li{margin-left:1rem}.navbar-links a{color:#fff;text-decoration:none}body.no-scroll{overflow:hidden}@media (max-width:768px){.navbar-links{align-items:center;background-color:#333;bottom:0;color:#ccc;display:flex;flex-direction:column;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:1000}.navbar-links.active{opacity:1;visibility:visible}.navbar-links li{list-style:none;margin:1rem;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.navbar-links.active li{opacity:1;transform:translateY(0)}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}}.color-input{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:2rem;max-width:600px;width:100%}.color-input h2{font-size:1.5rem;margin-bottom:.5rem}.color-input p{font-size:1rem;margin-bottom:1rem}.color-input label{font-weight:700;margin-bottom:.5rem}.color-preview-picker{align-items:center;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;height:38px;justify-content:center;margin-bottom:15px;width:38px}.color-input-container{align-items:center;display:flex;margin-bottom:1rem;width:100%}.color-input-container input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1rem;margin-right:.5rem;max-width:200px;padding:.5rem;width:100%}.svg-container{height:auto;margin-top:1rem;max-width:600px;width:60px}.color-picker-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.color-picker-popover{border-radius:4px;box-shadow:0 2px 5px #0003;left:0;margin-top:-15px;overflow:hidden;position:absolute;top:calc(100% + 10px);z-index:1000}.react-colorful{height:200px!important;width:200px!important}@media (max-width:480px){.color-input h2{font-size:1.2rem}.color-input p{font-size:.9rem}.color-input-container input[type=text]{font-size:.9rem;max-width:150px}}.color-palette{display:flex;flex-wrap:wrap;gap:2rem;margin-top:2rem}.color-scheme{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:1 1;max-width:400px;min-width:250px;padding:1rem}.svg-container{margin-bottom:1rem;width:100%}.svg-container svg{height:auto;max-height:200px;width:100%}.color-swatch{align-items:center;border-radius:4px;display:flex;height:50px;justify-content:space-between;margin-bottom:.5rem;padding:0 10px}.color-label{background-color:#fffc;border-radius:4px;font-size:.8rem;padding:.25rem .5rem}.color-preview{border-radius:4px;margin-top:1rem;padding:1rem}.color-preview h4{margin-bottom:.5rem}.contrast-info{font-size:.9rem;margin-top:1rem}.copy-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:5px 10px;transition:background-color .3s ease}.copy-button:hover{background-color:#fff3}.copy-button svg{transition:transform .3s ease}.copy-button:hover svg{transform:scale(1.1)}@media (max-width:480px){.color-scheme{min-width:100%}.color-swatch{align-items:flex-start;flex-direction:column;height:auto;padding:10px}.color-label{margin-bottom:5px}.copy-button{align-self:flex-end}}.about{background-color:#f8f9fa;padding:2rem 0}.about h2{color:#333;margin-bottom:1rem}.about p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.footer{background-color:#333;color:#fff;margin-top:2rem;padding:1rem 0}.footer .container{align-items:center;display:flex;flex-direction:column}.social-icons{display:flex;gap:1rem;margin-bottom:1rem}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s ease}.social-icons a:hover{color:#007bff}.footer p{color:#ccc;font-size:.9rem;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;padding:2rem 0}.color-inputs{display:flex;gap:1rem;justify-content:space-between}@media (max-width:768px){.color-inputs{flex-direction:column}}
/*# sourceMappingURL=main.97a8a37f.css.map*/