.main-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem;margin:5rem auto;box-sizing:border-box;gap:1.5rem;background:#222021;background-clip:padding-box}.logo-container{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:100%}.search-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px}.image-container{width:clamp(80px,15vw,180px);height:auto;flex-shrink:0;display:flex;align-items:center}.header-container{display:flex;align-items:center}.logo-icon{width:100%;height:auto;display:block}.heading-name{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6vw,4.5rem);white-space:nowrap}.search-input{padding:10px;font-size:16px;border:1px solid #ccc;background-color:#fff;border-radius:4px}input[type=text]{color:#000}input[type=text]::placeholder{color:#888;opacity:1}.search-go{font-family:Space Grotesk,sans-serif;padding:10px;margin:0 20px;border-radius:4px;background-color:#d3d3d3;color:#000}.add-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:500px}.search-go:hover{background-color:#ffc722;color:#32302a}.add-button:hover{opacity:.8;cursor:pointer;color:#ffc722}