@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lovers+Quarrel&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background:#f6f6f6;font-family:Poppins,sans-serif;font-size:16px;overflow:auto}a{text-decoration:none}ul{list-style:none}.banner-container{gap:20px;padding:100px 0}.banner,.banner-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.banner{background:#fff;color:#2c3e50;font-family:Dancing Script,cursive;font-size:50px;height:55vh;padding:0 20px;text-align:center;width:100%}.banner-container .btn{background:#708090;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:18px;font-weight:600;padding:10px 20px}.banner-container .btn:hover{background:#0097e6}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}nav{background:#2c3e50;height:80px;padding:0 20px;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.logo h1{color:#fff}.nav-item{height:100%;justify-content:space-between}.nav-item,.nav-item ul{align-items:center;display:flex}.nav-item ul{gap:20px}.nav-item ul li a{color:#fff;font-size:16px;text-decoration:none}.nav-item ul li a.active,.nav-item ul li a:hover{color:#00a8ff}.error-page{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;margin-top:20px}.error-page .error-code{color:#00a8ff;font-size:150px;font-weight:600}.error-page .error-text{color:#000;font-size:34px;font-weight:600}.cocktails-container .cocktail-card{background:#2c3e50;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;transition:all .3s ease-in-out}.cocktails-container .cocktail-card:hover{box-shadow:0 0 20px #0000001a}.cocktail-card .cocktail-img{border-radius:8px;height:300px;object-fit:cover;object-position:center;width:100%}.cocktail-card .cocktail-info{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.cocktail-info .cocktail-name{color:#fff;font-size:24px;font-weight:600}.cocktail-info .cocktail-info{color:#fff}.flex-container .cocktail-img{border:20px solid #2c3e50;border-radius:5px;height:500px;object-fit:cover;object-position:center}.cocktails-container{grid-gap:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:20px 0}.cocktail-card{background:#2c3e50;border-radius:10px;box-shadow:0 0 10px #0000001a;padding:20px;transition:all .3s ease-in-out}.cocktail-card:hover{box-shadow:0 0 20px #0003}.cocktail-img{height:300px;width:100%}.cocktail-info{align-items:center;display:flex;justify-content:space-between;margin-top:10px}.cocktail-name{color:#fff;font-size:24px;font-weight:600}.cocktail-info span{color:#fff}.cocktail-info .btn{background:#708090;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:5px 10px;transition:all .3s ease-in-out}.cocktail-info .btn:hover{background:#0097e6}.category-btn{background:#708090;border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;margin-left:8px;margin-top:20px;padding:5px 6px}.flex-container{align-items:center;display:flex;gap:20px}.cocktail-img{border:20px solid #203050;border-radius:5px;height:500px;object-fit:cover;object-position:center}.cocktail-infos .row{margin:10px 0}.cocktail-infos .row .label{color:#000;font-size:18px;font-weight:600}.drink{margin-top:20px}.container .btn{background:#708090;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;margin-top:20px;padding:10px 20px;transition:background .3s ease}.container .btn:hover{background:#0097e6}
/*# sourceMappingURL=main.acec225f.css.map*/