@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.main{display:flex;align-items:center;flex-direction:column;width:100vw;justify-content:center;margin-top:15vh;max-width:1280px}@media screen and (max-width: 330px){.main{margin-top:10vh;width:100%}}.btn{border-radius:var(--borderRadius);border:px solid transparent;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--iconColor);cursor:pointer;color:var(--textColor);transition:border-color .25s;width:fit-content;margin:.2rem}.btn:hover{background-color:var(--hoverColor);border:2px solid var(--borderColor);box-shadow:var(--boxShadow)}.btn:focus,.btn:focus-visible{outline:4px auto var(--iconColor)}.drinks-list{font-size:1rem}.alphabet-list{display:flex;flex-wrap:wrap;justify-content:center;max-width:650px;margin:1rem;padding:.4rem}.alphabet-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid var(--borderColor);color:var(--textColor)}.header{display:flex;align-items:center;justify-content:space-between;background-color:var(--iconColor);color:var(--textColor);padding:.5rem 2rem;width:100%;position:fixed;top:0;left:0;z-index:1000}.logo{height:50px;max-width:200px}.header .links{display:flex;gap:2rem}.header .links a{color:var(--textColor);text-decoration:none;position:relative;font-size:1rem}.header .links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:var(--bgColor);transform:scaleX(0);transform-origin:bottom left;transition:.2s all ease-in}.header .links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}.hamburger span{width:40px;display:block;height:3px;background-color:var(--textColor);border-radius:2px;transition:all .3s ease-in-out}@media (max-width: 768px){.links{visibility:hidden;opacity:0;transform:translate(-100px);transition:opacity .5s ease-in-out,transform .5s ease-in-out,visibility .5s ease-in-out;position:absolute;top:60px;left:0;width:100%;height:90vh;background-color:var(--bgColor);padding:1rem 0;text-align:center;flex-direction:column;display:flex;justify-content:space-evenly}.links.open{visibility:visible;opacity:1;transform:translateY(0);display:flex;justify-content:space-evenly}.hamburger{display:flex}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.info-card-container{display:flex;flex-direction:row;border:var(--border);border-radius:var(--borderRadius);margin:2rem 1rem;justify-content:center;flex-wrap:wrap}.drink-details-img{width:100%;height:300px}.drink-info-para{text-align:justify;padding-inline:.4rem;max-width:500px}.back{margin-block:.4rem;width:50%;border-radius:var(--borderRadius);border:2px solid var(--borderColor);margin-left:1rem;padding:.4rem}.ingredient-item{display:flex;align-items:baseline;padding:1rem;width:100%;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly}.info-list{cursor:pointer;margin:.5rem;width:100px}.ingredient-image{filter:drop-shadow(0px 0px 4px var(--textColor));margin-bottom:.2rem}.measure{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;margin-top:1rem;border-bottom:2px solid var(--iconColor);color:var(--textColor);width:100%}.measure span{margin-top:1.5rem;color:inherit}.drink-details{display:flex;justify-content:center;flex-direction:column-reverse}.drink-info{max-width:600px;width:100%}.info-figure{width:100%;display:flex;flex-direction:column;font-size:1.5rem;cursor:pointer}.figcaption{margin-top:1rem;color:var(--textColor)}.info-details-section{margin-top:1rem}.info-table{width:100%;border-collapse:collapse;border:2px solid var(--iconColor)}.info-table th,.info-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--iconColor)}.info-table th{border:2px solid var(--iconColor);color:var(--textColor);width:30%}.info-table td{background-color:var(--bgColor);color:var(--textColor);text-wrap:pretty;word-wrap:break-word;word-break:break-word;width:100%}.ingredient-wrapper{display:flex;flex-wrap:wrap;justify-content:space-evenly}@media (max-width: 768px){.drink-info{width:100%}.info-table:is(th,td){padding:.5rem}}@media screen and (max-width: 768px){.info-card-container{padding:0rem;margin:1rem;display:flex;flex-direction:column}.drink-details-img{max-height:280px}.drink-details{display:flex;flex-direction:column-reverse;align-items:center;align-content:center}.drink-info-para{max-width:300px}}.input{color:var(--textColor);margin:.2rem}.drink-container{display:flex;flex-direction:column;width:300px;justify-content:center;align-items:center;border:var(--border);border-radius:var(--borderRadius);padding:.4rem;margin:1rem;box-shadow:var(--boxShadow)}.random-img{width:200px;height:auto}.random-drink_card{display:flex;align-content:center;justify-content:center;flex-direction:row;flex-wrap:wrap}.random-drink_card{margin-block:1rem}.landing-btn-section{display:flex;justify-content:space-around;margin-block:1rem;width:100%}.btn-submit{border-radius:var(--borderRadius);border:2px solid var(--borderColor);padding:.4rem;font-size:1rem}.random-btn{border-radius:var(--borderRadius);border:2px solid var(--borderColor);padding:.4rem}.drink-wrapper ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:1rem}@keyframes appear{0%{opacity:0;scale:.5}to{opacity:1;transform:translate(0)}}.view{animation:appear linear;animation-timeline:view();animation-range:entry 0 cover 40%}.ingredient-back{margin-block:.4rem;width:fit-content;border-radius:var(--borderRadius);border:2px solid var(--borderColor);margin-left:1rem;padding:.4rem 1.4rem}.pagination{display:flex;list-style:none;padding:.4rem}.pagination li{margin:0 5px}.pagination li button{padding:.3rem .6rem;border:2px solid var(--borderColor);background-color:var(--iconColor);border-radius:var(--borderRadius);cursor:pointer}.pagination li button:hover{padding:.3rem .6rem;border:2px solid var(--borderColor);background-color:var(--hoverColor)}.pagination li.active button{background-color:var(--primaryColor);color:var(--textColor)}.search-result-container{display:flex;justify-content:center;align-content:center;align-items:center;flex-direction:column;flex-wrap:wrap;max-width:768px}.search-result-card{cursor:pointer;display:flex;align-items:center;justify-content:center;width:200px;height:100px;border:2px solid rgb(128,94,0);border-radius:var(--borderRadius);padding:.4rem 6rem}.pagination-list-header{display:flex;margin-block:1rem;width:100%;justify-content:center}.search-result-wrapper{margin:1rem;gap:.4rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center}.form{display:flex;justify-content:space-around;margin-block:1rem;width:100%;flex-wrap:wrap;color:var(--textColor)}.search-btn{border-radius:var(--borderRadius);border:2px solid var(--borderColor);padding:.4rem;margin-left:1rem;padding:.4rem .8rem}.search-input{background-color:none;border-radius:var(--borderRadius);border:2px solid var(--borderColor);padding:.5rem;font-weight:500;font-family:inherit;background-color:var(--iconColor);cursor:pointer;transition:border-color .25s}.search-input:hover{background-color:var(--hoverColor);border:2px solid var(--borderColor);box-shadow:var(--boxShadow)}.search-result-back{border-radius:var(--borderRadius);border:2px solid var(--borderColor);padding:.4rem .8rem}.search-para{display:flex;align-content:center;justify-content:center;align-items:center;height:60vh}@media screen and (max-width: 450px){.form{display:flex;justify-content:space-around;flex-direction:row}.search-input{width:100%}.search-input-wrapper{display:flex;width:100%;justify-content:space-between;order:2}.search-result-back{display:flex;justify-content:space-around;width:100%}}@media screen and (max-width: 294px){.form{display:flex;flex-wrap:wrap}.search-btn{border-radius:var(--borderRadius);border:2px solid var(--borderColor);margin-left:0rem}.search-input{width:50%}}:root{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;--textColor: rgb(255, 231, 197);--bgColor: rgb(23, 19, 13);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryColor: #333333;--hoverColor: rgb(137, 62, 0);--borderColor: rgb(115, 95, 30);--iconColor: rgb(100, 45, 0);--border: 4px solid var(--borderColor);--borderRadius: 4px;--boxShadow: rgb(115, 95, 30) 0px 2px 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit;box-sizing:border-box}img{display:block}a{font-weight:500;text-decoration:inherit}a:hover{color:var(--borderColor)}body{scroll-behavior:smooth;display:flex;min-width:320px;min-height:100vh;text-align:center;background-color:var(--bgColor);color:var(--textColor);justify-content:center;overflow-x:hidden}li{list-style:none}h1{font-size:2.6rem;line-height:1.1}.skeleton{background-color:red;font-size:3rem;border:4px solid green}