footer{background-color:#266442;color:#fff;text-align:center;padding:20px 10px;left:0;bottom:0;width:100%;box-shadow:0 -2px 5px #ed272733}@media (max-width: 768px){footer{padding:10px 5px;font-size:14px}}.Home{text-align:center;color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:20px;background-color:var(--white)}.h1{color:var(--header);margin-bottom:20px}.banner{width:100%;max-height:400px;object-fit:cover;border-bottom:5px solid #83C5BE}.p1{color:var(--text);font-size:1.1em;line-height:1.6;margin:20px auto;max-width:800px;text-align:left}.wave{width:100%;margin-top:40px}@media (min-width: 768px){.Home{padding:40px}.p1{font-size:1.2em}}@media (min-width: 1024px){.Home{padding:60px}}.About{background-color:var(--primary);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;max-width:800px;margin:0 auto;line-height:1.6}h1{color:var(--header);text-align:center;margin-top:20px;margin-bottom:20px}img{width:100%;height:auto;margin-bottom:20px}.p2{text-align:justify;font-size:1.1em;margin-bottom:20px;color:var(--text)}@media (min-width: 768px){.About{padding:40px}h1{font-size:2em}.p2{font-size:1.2em}}.body,html{margin:0;padding:0;font-family:Arial,sans-serif}.h1{text-align:center;color:var(--header);margin-top:20px}.cocktail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:20px;padding:20px;justify-content:center}.search-form{display:flex;justify-content:center;margin:20px auto}.search-form input[type=text],.search-form select{padding:10px;margin-right:10px;border:1px solid #5B5858;border-radius:5px}.search-form button{padding:10px 20px;background-color:#39e4ea;color:#1f1d1d;border:none;border-radius:5px;cursor:pointer}.search-form button:hover{background-color:#171b18}.cocktail-card{border:1px solid #E2D2D2;border-radius:8px;overflow:hidden;transition:transform .3s ease-in-out}.cocktail-card:hover{transform:scale(1.05)}.cocktail-card img{width:100%;height:200px;object-fit:cover}.cocktail-card div{padding:15px;text-align:center}@media (max-width: 600px){.cocktail-list{grid-template-columns:1fr}.search-form{flex-direction:column;align-items:center}.search-form input[type=text],.search-form select,.search-form button{margin-bottom:10px;width:80%;text-decoration:none}}.cocktail-card{border:1px solid #f5f0f0;background-color:#c7f3c7;border-radius:8px;overflow:hidden;margin:20px;box-shadow:0 2px 8px #efe7e71a;display:flex;flex-direction:column}.cocktail-image{width:100%;height:200px;object-fit:cover}.cocktail-info{padding:15px;text-align:center}.cocktailDetail{background-color:var(--link);color:#2d2d2d;font-family:Arial,sans-serif;max-width:800px;margin:20px auto;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.btn{cursor:pointer;color:#fff;background-color:#06402f;border:none;border-radius:8px;padding:10px 20px;text-decoration:none;font-size:16px;transition:background-color .3s ease}.btn:hover{background-color:#056539}.DetailH{color:var(--text);margin-bottom:10px}.CocktailImg{width:100%;max-width:400px;height:auto;display:block;margin:10px auto;border-radius:8px}.CocktailP{text-align:left;margin:15px 0}.CocktailH2{text-align:left;margin:15px 0;color:#151617}ul{list-style:none;padding:0}li{background-color:#a9e6d7;margin:5px 0;padding:10px;border-radius:5px;box-shadow:0 2px 4px #0000000d}@media (max-width: 767px){.cocktailDetail{padding:15px}.DetailH{font-size:1.5em}.CocktailP,.CocktailH2{font-size:1em}.CocktailImg{max-width:100%}}@media (min-width: 768px) and (max-width: 1024px){.cocktailDetail{padding:20px}.DetailH{font-size:1.75em}.CocktailP,.CocktailH2{font-size:1.05em}}@media (min-width: 1025px){.cocktailDetail{padding:30px}.DetailH{font-size:2em}.CocktailP,.CocktailH2{font-size:1.1em}}.searchform{max-width:800px;margin:40px auto;padding:20px;background-color:var(--primary);border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.searchh2{font-size:24px;color:var(--text);margin-bottom:20px}form{width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:center}.searchl,label{font-size:16px;margin-bottom:10px}.searchs,input[type=text]{width:70%;padding:12px 20px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px}button{padding:10px 15px;background-color:#1d5c1f;color:#1f1919;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;width:50%}button:hover{background-color:#367c39}.barmanImage{width:100%;max-width:400px;height:auto;margin-top:20px;border-radius:8px}.searchp{text-align:center;line-height:1.6;color:var(--text);margin-top:20px;margin-bottom:20px}.cocktail-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}@media (max-width: 768px){.searchs,input[type=text],button{width:90%}.barmanImage{max-width:300px}}nav{background-color:#1e211f;color:#fff;padding:10px 20px;box-shadow:0 4px 8px #0000001a}.nav-center{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;cursor:pointer}.nav-links{display:flex;gap:15px}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav-links a:hover{color:#a9e6d7}.ToggleIcon{cursor:pointer}@media (max-width: 768px){.nav-center{flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;width:100%;display:flex}.nav-links a{padding:10px;width:100%}.nav-links a:hover{background-color:#444;color:#a9e6d7}.nav-links.show-links{display:flex}nav-toggle{font-size:1.5rem;background:none;border:none;color:#fff;cursor:pointer;display:none}}body[data-theme=light]{--nam: background-color: #f0f0f0;color:#333;font-family:Arial,sans-serif}a,button{color:#396131;background-color:transparent;text-decoration:none}button{border:2px solid transparent;padding:10px 20px;cursor:pointer}input,select,textarea{border:1px solid #ccc;padding:10px;font-size:16px}body[data-theme=dark]{background-color:#000;color:#70705a;font-family:Arial,sans-serif;font-size:18px}body[data-theme=dark] a,body[data-theme=dark] button{color:#ff0;background-color:#333;border:2px solid #ff0}body[data-theme=dark] input,body[data-theme=dark] select,body[data-theme=dark] textarea{color:#000;background-color:#666262;border:2px solid #ff0}body[data-theme=dark] button:hover,body[data-theme=dark] a:hover{background-color:#555;color:#ff0}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #ff0;outline-offset:2px}button{min-width:100px;padding:15px 20px;font-size:larger;line-height:1.5}.toggle-button{cursor:pointer;background:none;border:2px solid transparent;padding:10px 20px;border-radius:8px;font-size:18px;transition:background-color .2s ease,color .2s ease;display:inline-block;outline:none}.toggle-button:focus{box-shadow:0 0 0 3px #159ce466}.toggle-button:hover{background-color:#f4f4f4}@media screen and (min-width: 1200px){.body[data-theme=dark]{font-size:20px}}@media (prefers-contrast: high){.toggle-button{background-color:#000;color:#fff;border:2px solid yellow}.toggle-button:hover,.toggle-button:focus{background-color:#ff0;color:#000}}*{margin:0;padding:0;box-sizing:border-box}.Cocktail-card{display:flex;flex-direction:column;align-items:center;border-radius:.5rem;overflow:hidden;background-color:#d4e115}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:var(--bodycolor)}body[data-theme=light]{--primary: white;--nav: rgb(58, 124, 58);--white:white;--navBackGround: #1E211F;--link:#70be77;--linkHover:#444;--text:#333;--header:#393c3c}body[data-theme=dark]{--primary: rgb(14, 14, 14);--nav: rgb(215, 239, 215);--white:rgb(19, 17, 17);--navBackGround: #07BB43;--link:#1a362f;--linkHover:#444;--text:rgb(244, 238, 48);--header:rgb(244, 238, 48)}nav{background-color:#3a7c3a;padding:10px;text-align:center}nav a{color:#fff;margin:0 10px}footer{background-color:#3a7c3a;color:#fff;text-align:center;padding:10px;bottom:0;width:100%}@media (max-width: 768px){.navbar{flex-direction:column}.navbar a{padding:10px;text-align:center;width:100%}.nav-center{flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;width:100%;display:flex}.nav-links a{padding:10px;width:100%}.nav-links a:hover{background-color:#444;color:#a9e6d7}.nav-links.show-links{display:flex}footer{position:relative}}@media (max-width: 480px){.content{padding:10px}}.container{background-color:var(--primary);padding:30px;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:800px;margin:40px auto;text-align:center}h1{color:var(--header);font-size:28px;margin-bottom:20px}p{color:var(--text);line-height:1.6;margin-bottom:30px}.contactImage{width:100%;height:auto;border-radius:4px;margin-bottom:30px}.field{margin-bottom:20px;text-align:left}input[type=text],input[type=email],textarea{width:calc(100% - 24px);padding:12px;border:1px solid #B4AFAF;border-radius:4px;font-size:16px;transition:border-color .3s ease-in-out}input[type=text]:focus,input[type=email]:focus,textarea:focus{border-color:#4caf50;outline:none}button{background-color:#147b18;color:#2d332e;border:none;border-radius:4px;padding:15px 30px;font-size:18px;cursor:pointer;transition:background-color .2s}button:hover{background-color:#369638}