@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap";*,*:before,*:after{box-sizing:border-box;scroll-behavior:smooth}html,body{font-family:Roboto,Arial,Helvetica,sans-serif;font-size:100%;padding:0;margin:0;background-color:#f5f6f7}h1,h2,h3,h4{margin:0}ul,li{list-style:none;padding:0;margin:0}a,a:before,a:after{color:unset;text-decoration:none}.cocktail-app__loading{margin-top:50px;display:grid;justify-content:center;align-content:center;gap:1rem;padding-bottom:2rem}.cocktail-app__navbar{height:80px;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px}.cocktail-app__navbar-container{height:100%;width:80%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.cocktail-app__navbar-logo h1{font-size:30px;font-weight:800}@media (max-width: 500px){.cocktail-app__navbar-logo h1{font-size:20px}}.cocktail-app__navbar-navlinks{display:flex;gap:1rem}.cocktail-app__navbar-navlinks_link{font-size:20px}@media (max-width: 500px){.cocktail-app__navbar-navlinks_link{font-size:14px}}.cocktails-app__form{width:50%;margin:0 auto;background-color:#fff;box-shadow:#00000026 1.95px 1.95px 2.6px;padding:1rem;border-radius:.25rem}@media (max-width: 800px){.cocktails-app__form{width:80%}}.cocktails-app__form-title{margin-bottom:1rem;font-weight:700}@media (max-width: 600px){.cocktails-app__form-title{font-size:1rem}}.cocktails-app__form-searchform_input{width:100%;border:none;outline:none;background-color:#f2f2f2;border-radius:.25rem;padding:1rem .5rem}.cocktail-app__about{width:50%;margin:100px auto 0;text-align:center}.cocktail-app__about-title{letter-spacing:1px}.cocktail-app__about-text{text-align:left;line-height:32px;letter-spacing:1px;margin-top:50px}@media (max-width: 400px){.cocktail-app__about-text{font-size:12px;line-height:20px}}.cocktail-app__erropage{width:80%;margin:50px auto 0}.cocktail-app__erropage-title{font-size:3.75rem}@media (max-width: 400px){.cocktail-app__erropage-title{font-size:3.5rem}}.cocktail-app__erropage-text{font-size:1.25rem}@media (max-width: 400px){.cocktail-app__erropage-text{font-size:1rem}}.cocktail-app__erropage-btn{border:none;outline:none;background-color:#999;color:#f5f6f7;font-size:20px;padding:1rem;border-radius:.25rem;cursor:pointer}.cocktail__app-home,.cocktail-app__cocktaildetails{width:80%;margin:50px auto 0}.cocktail-app__cocktaildetails-container{margin-top:20px;display:flex;align-items:center;gap:2rem}@media (max-width: 992px){.cocktail-app__cocktaildetails-container{flex-direction:column}}.cocktail-app__cocktaildetails-image{height:100%;flex:1.25}.cocktail-app__cocktaildetails-image img{width:100%;height:100%;border-radius:.25rem}.cocktail-app__cocktaildetails-details{flex:2;display:flex;flex-direction:column;flex-wrap:wrap}.cocktail-app__cocktaildetails-details_text{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.cocktail-app__cocktaildetails-details_text h4{background-color:#d4e6a5;color:#476a2e;padding:.5rem;border-radius:.25rem}