@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,600;0,800;1,100&family=Roboto:ital@1&display=swap";*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{background:rgb(19,19,19);padding-bottom:20rem;font-family:Poppins,sans-serif}body::-webkit-scrollbar{background:#2a2a2b5b;width:12px}body::-webkit-scrollbar-button{display:none}body::-webkit-scrollbar-thumb{background:rgb(44,44,44);border-radius:20px}.div__loading{display:flex;align-items:center;justify-content:center;height:50vh}.loader{width:32px;height:72px;display:inline-block;left:5px;position:relative;border:2px solid #fff;box-sizing:border-box;animation:animloader 2s linear infinite alternate;color:#ff3d00;border-radius:0 0 4px 4px;transform:perspective(140px) rotateX(-45deg)}@keyframes animloader{0%{box-shadow:0 0 inset}to{box-shadow:0 -70px inset}}header{position:sticky;top:0;left:0;width:100%;padding:30px 100px;display:flex;justify-content:space-between;align-items:center;animation:enhance-header linear both;animation-timeline:scroll(root);animation-range:0 150px;z-index:1}.nav__title{color:#f5f5f5;font-size:2rem;margin:0;text-decoration:none;font-weight:400;animation:enhance-title linear;animation-timeline:scroll(root block)}.msg{color:#fcaf9c;font-size:2rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:50vh;animation:fadeOut 1.9s forwards infinite}@keyframes fadeOut{0%{opacity:1;scale:1}to{opacity:0;color:#ff623b}}.search-container input{padding:.3em;background:black;margin-right:10px;font-size:1em;outline:none;color:#8f2308;border:none;border-radius:4px 14px}.search-container input:focus{color:#dd3106;font-weight:500}.search-container button{font-size:1em;border-radius:5px;background-color:#ca2e07;padding:5px 20px;outline:none;border:none;color:#faebd7;cursor:pointer}.search-container button:hover{background-color:#faebd7;color:#dd3106}@keyframes enhance-title{to{font-size:1.5rem}}@keyframes enhance-header{to{background:rgba(32,32,32,.651);-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);box-shadow:0 2em 3em #161616;padding-top:10px;padding-bottom:10px}}.div__contextCocktail,.div__search_card{display:flex;justify-content:center;align-items:center;margin:10px;animation:reveal linear both;animation-timeline:view();animation-range:entry 20% cover 50%}.div__search_card{margin:30px 0}.div__SearchCocktail img,.div__contextCocktail img{max-width:100%;max-height:100%;border-radius:46px 4px}.div__SearchCocktail,.div__cocktail__card{position:relative;flex-direction:column;align-items:center}.overlay__cocktail_info{position:absolute;bottom:0;box-sizing:border-box;padding:10px;gap:20px}.div__cocktail__ingre{max-height:500px;overflow-y:auto}h2{font-size:3rem;text-align:center;margin:0 0 5px;font-weight:600;color:#fffaf0}h3{font-size:1.8rem;font-weight:400;color:#f5f5f5}ul{text-decoration:none;font-size:1.5rem;list-style-type:square;margin:10px 0 20px 35px;color:beige}p{color:#c2c1c1;font-size:1.2rem}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(to bottom,rgba(255,254,198,.432),rgba(153,88,72,.9),rgba(24,9,1,.9),rgba(0,0,0,.945));border-radius:46px 4px;z-index:1;opacity:0;padding:20px 40px;transition:all .4s ease-in-out}.overlay:hover{opacity:1}@keyframes reveal{0%{opacity:0;translate:0 100%;scale:.5}to{opacity:1;translate:0 0;scale:1}}.RiArrowUpCircleFill,.RiGithubFill{background-color:#db883a;border-radius:15px;color:#01041b;cursor:pointer;margin-left:95%;height:35px;width:35px;transition:transform .2s ease-in-out;z-index:1}.RiGithubFill{margin-bottom:10px}.RiArrowUpCircleFill:hover,.RiGithubFill:hover{transform:scale(1.1);background-color:beige}@media screen and (max-width: 780px){header{padding:8px;margin:0 0 40px}.div__search_card{margin:30px}.nav__title{font-size:1.5rem}h2{color:#252525}.overlay__cocktail_info{position:relative;bottom:auto;padding:0;gap:10px}.div__cocktail__ingre{max-height:400px}footer{display:flex;align-items:center;padding:0;margin:20px;gap:20px;float:right}.RiArrowUpCircleFill,.RiGithubFill{margin:10px 0}}@media screen and (max-width: 580px){header{display:block;padding:0}@keyframes enhance-header{to{background:rgba(19,19,19,.973);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 2em 3em #161616;padding-top:10px;padding-bottom:10px}}.search-container input{width:345px;margin:0 20px;justify-content:center}.search-container button{margin-top:10px;margin-left:70%}.div__contextCocktail{margin-bottom:40px}.nav__title{font-size:1.3rem;margin:5 0;padding:0 30px;animation:none}.div__cocktail__ingre{max-height:250px}h2{font-size:27px}h3{font-size:20px}ul{font-size:18px}p{font-size:15px}.msg{font-weight:400;font-size:17px;height:60vh}}