body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:linear-gradient(135deg,#2c3e50,#4c669f,#192a56,#2f3640);color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative;text-align:center}.title{color:#fff;font-family:Great Vibes,cursive;font-size:3rem}.background-animation{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.content{pointer-events:auto;position:relative;z-index:1}.App h1{font-size:2.5rem;margin-bottom:20px}.emoji{animation:moveUp 5s infinite;bottom:-50px;font-size:2rem;opacity:0;position:absolute}.emoji:first-child{animation-delay:0s;left:20%}.emoji:nth-child(2){animation-delay:1s;left:40%}.emoji:nth-child(3){animation-delay:2s;left:60%}.emoji:nth-child(4){animation-delay:3s;left:80%}.emoji:nth-child(5){animation-delay:4s;left:50%}@keyframes moveUp{0%{bottom:-50px;opacity:0}50%{opacity:1}to{bottom:100vh;opacity:0}}.search-box input{background-color:#34495e;border:1px solid #34495e;color:#ecf0f1}.search-box button{background-color:#2980b9;color:#ecf0f1}.search-box button:hover{background-color:#1c6ea4}.recipes{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;max-width:1200px;width:90%}.recipe{background-color:#2c3e50;border:1px solid #7f8c8d;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#fff;margin:20px;padding:15px;transition:transform .2s;width:250px}.recipe:hover{transform:scale(1.05)}.recipe img{border-radius:10px;height:auto;width:100%}.search-box{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:20px}.search-box input{border:1px solid #ccc;border-radius:5px;font-size:16px;max-width:300px;padding:12px 15px;width:100%}.search-box button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .3s}.search-box button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.9a3fc3f3.css.map*/