@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;500&family=Open+Sans:wght@400;500;600;700;800&family=Orbitron:wght@400;500&family=Outfit:wght@200;400;700&family=Playfair+Display:wght@400;500;600&family=Poppins:wght@200;300;400;500;600&family=Raleway:ital,wght@0,200;0,300;0,400;0,600;0,800;0,900;1,700&family=Roboto:wght@300;500;700&display=swap";.place::placeholder{color:#fff}nav{width:100%;height:4.5rem;display:flex;justify-content:center;align-items:center;padding:0rem 6rem;column-gap:22rem}h2{font-family:sans-serif;font-size:1.5rem;color:#fff}.palets{padding:.6rem 1.5rem;background-color:#fff;display:flex;gap:.6rem;border-radius:30px}.colors{width:1rem;height:1rem;border-radius:50%}.cyan{background-color:#3b82f6}.red{background-color:#ef4444}.orange{background-color:#f59e0b}.violet{background-color:#6366f1}.green{background-color:#10b981}.darkModeBtn{width:2.8rem;height:2.8rem;border-radius:50%;border:0;outline:0;font-size:1.3rem;background-color:#000;color:#fff}@media(min-width:992px)and (max-width:1232px){nav{column-gap:14rem}}@media(min-width:768px)and (max-width:991px){nav{column-gap:7rem}}@media(min-width:575px)and (max-width:767px){nav{column-gap:3.8rem;padding:0rem 3rem}h2{font-size:1.3rem}.palets{padding:.6rem 1.2rem;gap:.4rem}.colors{width:.7rem;height:.7rem}.darkMode{width:2rem;height:2rem;font-size:1rem}}@media(max-width:574px){nav{flex-direction:column;height:14rem;row-gap:1.5rem;padding:0rem 3rem}}