.App{align-items:center;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:center}body{background:#f8f8f8;padding:0}body,ul{margin:0}ul{list-style:none;padding:10px}.drink-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:auto;max-width:1200px;padding:20px}.drink-card{align-items:center;background:#fff;border-radius:10px;box-shadow:2px 4px 10px #0000001a;display:flex;flex-direction:column;padding:15px;text-align:center;transition:transform .3s ease-in-out}.drink-card:hover{transform:scale(1.05)}.ings-card{text-align:left}h1{color:#333;font-size:24px;text-align:center}h2{color:#444;font-size:20px;margin-bottom:5px}p{color:#666;font-size:16px}.ing-list{background:#f8f8f8;border-radius:5px;font-size:14px;list-style:none;margin:5px;padding:5px;width:100%}img{border-radius:10px;height:auto;margin-top:10px;max-width:100%}.search-container{display:flex;justify-content:center;margin:20px 0}.drink-search{border:2px solid #ccc;border-radius:5px;font-size:16px;max-width:250px;padding:10px;text-align:center;width:100%}.loading{display:flex;justify-content:center}@media (max-width:768px){.drink-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:600px){.drink-container{grid-template-columns:1fr}.auth-container{padding:20px}}.navbar{align-items:center;background-color:#333;box-shadow:0 4px 8px #0003;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.logo-container{display:flex;gap:10px}.logo-container:hover{cursor:pointer}.logo-links-container{align-items:center;display:flex;gap:50px}.logo{height:30px}.logo-txt{color:#fff}.navlinks{display:flex;gap:20px}.navlinks a{border-radius:5px;color:#fff;font-size:18px;padding:8px 12px;text-decoration:none;transition:color .3s ease,background .3s ease}.navlinks a:hover{background:#fff3;color:#f8b400}#logout-btn{background-color:#f8f8f8;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;padding:8px 12px;transition:background .3s ease}#logout-btn:hover{background-color:#e0e0e0}.navbar-mobile{align-items:center;background-color:#333;display:none;justify-content:space-around}.hamburger-menu{display:inline;position:relative}.hamburger-icon{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;transition:all .5s ease-out;width:30px}.hamburger-icon span{background-color:#fff;height:2px;transition:all .5s ease-out;width:100%}.hamburger-links{background-color:#333;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:all .3 ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.hamburger-links a{color:#fff;display:block;font-size:1.5rem;padding:10px 30px;text-align:center;text-decoration:none;transition:all .3 ease-in-out}.hamburger-links.open{max-height:300px}.hamburger-icon.open{transform:rotate(180deg)}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg) translate(10px,-5px)}@media screen and (max-width:600px){.navbar{display:none}.navbar-mobile{display:flex}}.auth-container{align-items:center;display:flex;height:75vh;justify-content:center}.auth-box{background:#fff;box-shadow:2px 4px 10px #0000001a;max-width:400px;padding:25px}.auth-box,form{border-radius:10px;width:100%}form{max-width:350px;padding:20px;text-align:center}h2{color:#333;font-size:22px}.form-group,h2{margin-bottom:15px}.form-group{align-items:flex-start;display:flex;flex-direction:column;width:100%}label{color:#444;font-weight:700;margin-bottom:5px}input{border:2px solid #ccc;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}input:focus{border-color:#f8b400;box-shadow:0 0 5px #f8b40080;outline:none}button{background:#f8b400;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 15px;transition:background .3s ease,transform .2s ease;width:100%}button:hover{background:#d99a00;transform:scale(1.05)}.login-btn{background:none;border:none;color:#000}.login-btn:hover{background:none;transform:scale(1)}.toggle-link{color:#666;font-size:14px;margin-top:10px}.toggle-link span{color:#f8b400;cursor:pointer;font-weight:700}.toggle-link span:hover{text-decoration:underline}@media (max-width:768px){.auth-forms{align-items:center;flex-direction:column;padding:20px}form{max-width:100%}}*{box-sizing:border-box}.create-spec{height:auto;justify-content:center;min-height:75vh;padding:20px}.create-spec,.create-spec form{align-items:center;display:flex;flex-direction:column}.create-spec form{background:#fff;border-radius:10px;box-shadow:2px 4px 10px #0000001a;max-width:500px;padding:25px;width:100%}.create-spec h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.create-spec label{color:#444;font-weight:700;margin-top:10px}.create-spec input{border:2px solid #ccc;border-radius:5px;font-size:16px;margin-bottom:10px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.create-spec input:focus{border-color:#f8b400;box-shadow:0 0 5px #f8b40080;outline:none}.create-spec .dynamic-input{align-items:center;display:flex;gap:10px}.create-spec button[type=button]{background:#f8b400;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;justify-items:center;margin-bottom:10px;padding:8px 12px;transition:background .3s ease,transform .2s ease;width:60%}.create-spec button[type=button]:hover{background:#d99a00;transform:scale(1.05)}.create-spec button[type=submit]{background:#f8b400;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin-top:50px;padding:12px 15px;transition:background .3s ease,transform .2s ease;width:100%}.create-spec button[type=submit]:hover{background:#d99a00;transform:scale(1.05)}@media (max-width:768px){.create-spec form{max-width:90%}}.wines{display:flex;justify-content:center}
/*# sourceMappingURL=main.f0702290.css.map*/