body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card-container{grid-gap:2rem;display:grid;gap:2rem;overflow:auto;padding:1.5rem}@media screen and (min-width:768px){.card-container{grid-template-columns:1fr 1fr}}@media screen and (min-width:1024px){.card-container{grid-template-columns:1fr 1fr 1fr}}@media screen and (min-width:1440px){.card-container{grid-template-columns:1fr 1fr 1fr 1fr}}.card-item{justify-content:center}.beer-card,.card-item{align-items:center;display:flex;flex-direction:column}.beer-card{background-color:#fff;border:.05rem solid #000;border-radius:10px;box-shadow:.35rem .5rem;flex-wrap:wrap;gap:.25rem;height:100%;text-align:center;width:88%}.beer-card .beer__name{font-size:1.75rem;font-weight:600;padding:.5rem}.beer-card .beer__image{height:10rem;object-fit:contain;padding:.5rem;width:50%}.beer-card .beer__tagline{font-size:1.2rem}.beer-card .beer__abv{font-style:italic;font-weight:600}.beer-card .beer__more-info{align-items:center;display:flex;flex-direction:column;padding:1rem}.beer-card .beer__more-info .beer__desc{font-size:1.2rem;font-style:italic;padding-bottom:1rem}.beer-card .beer__more-info .beer__more-info-details{border:.05rem solid #000;border-radius:10px;box-shadow:.1rem .1em .15rem;display:flex;flex-direction:row;gap:1rem;padding:.5rem 1rem}.beer-card .beer__more-info .beer__more-info-details .beer__brew-date{font-size:1rem;font-weight:600}.beer-card .beer__more-info .beer__more-info-details .beer__ibu,.beer-card .beer__more-info .beer__more-info-details .beer__ph{font-size:1rem}.beer-card:hover{background-color:#fee9b0}.beer-card:hover .beer__image{-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .2s ease-in-out}.container{display:flex;flex-direction:column;position:relative;z-index:2}.filter-list__container{display:flex;flex-direction:column;gap:.5rem;height:auto;margin:1rem;text-align:center;width:15rem}.filter-list__container .filter-list__items{display:flex;flex-direction:column;gap:.25rem}.search-input{margin-top:1rem}.filter-item{font-weight:600;padding:1rem}.burger-container{align-items:center;background-color:rgba(255,166,0,0);display:flex;flex-direction:column;justify-content:center;margin:1rem 0;padding:5rem;width:100%;z-index:1}.burger-container .burger-button{padding:2rem;width:2.5rem}.burger__filters{background-color:#ffd690;border:.1rem solid #000;border-radius:3.5px;margin-bottom:1rem;padding:1.5rem}.burger-button:hover{-webkit-transform:scale(1.25);transform:scale(1.25);transition:all .2s ease-in-out}.navbar-container{align-items:center;background-color:rgba(255,166,0,0);display:flex;flex-direction:column}.navbar-container .navbar-header{width:100vw}.navbar-container .navbar-header .navbar__title{font-size:4rem;font-weight:200;padding-top:.5rem;position:relative;text-align:center;z-index:1}.navbar-container .navbar-header .navbar__img{height:auto;object-fit:cover;position:relative;top:10px;width:100%;z-index:0}.navbar-container .navbar-hamburger{background-color:#ffc354;margin:3.75rem 0;padding:.75rem;z-index:1}.navbar-container .navbar-hamburger .navbar-hamburger__img{width:2.5rem}.navbar-container .navbar__filters{background-color:#ffd690;border:.1rem solid #000;display:none;margin-bottom:2rem;padding:1.5rem}.navbar-container .navbar-hamburger:hover{background-color:#ffc354;padding:0}.navbar-container .navbar-hamburger:hover .navbar__filters{display:block}.navbar-container .navbar__burger-img{width:2rem}*{margin:0;padding:0}.app{font-family:Jost,sans-serif;height:100vh}.app *{margin:0;padding:0}.bubbles-container,html{background-color:orange;position:relative;width:100%;z-index:1}.bubbles-container .title-container,html .title-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.bubbles-container .title-container .navbar__title,html .title-container .navbar__title{font-family:League Gothic,sans-serif;font-size:8rem;margin-top:4rem;padding-top:18%;position:absolute;z-index:2}@media screen and (min-width:768px){.bubbles-container .title-container .navbar__title,html .title-container .navbar__title{font-size:12rem}}.bubbles-container .beer-top,html .beer-top{background-color:#009dff;padding-top:3rem}.bubbles-container .beer-top .beer-foam,html .beer-top .beer-foam{max-height:20rem;object-fit:fill;position:relative;top:.5rem;width:100%;z-index:1}@-webkit-keyframes moveBubble{0%{top:1500px}50%{background-color:hsla(0,0%,100%,.405);top:750px}to{background-color:hsla(0,0%,100%,0);top:200px}}@keyframes moveBubble{0%{top:1500px}50%{background-color:hsla(0,0%,100%,.405);top:750px}to{background-color:hsla(0,0%,100%,0);top:200px}}.bubbles-container .bubble,html .bubble{-webkit-animation:moveBubble 6s linear infinite;animation:moveBubble 6s linear infinite;background-color:hsla(0,0%,100%,.2);border-radius:10px;bottom:0;height:20px;position:absolute;width:20px}.bubbles-container #bubble1,html #bubble1{-webkit-animation-delay:4.8s;animation-delay:4.8s;right:15%}.bubbles-container #bubble2,html #bubble2{-webkit-animation-delay:2.65s;animation-delay:2.65s;right:18%}.bubbles-container #bubble3,html #bubble3{-webkit-animation-delay:3s;animation-delay:3s;right:52%}.bubbles-container #bubble4,html #bubble4{-webkit-animation-delay:4.1s;animation-delay:4.1s;right:25%}.bubbles-container #bubble5,html #bubble5{-webkit-animation-delay:.25s;animation-delay:.25s;right:65%}.bubbles-container #bubble6,html #bubble6{-webkit-animation-delay:5.1s;animation-delay:5.1s;right:80%}.bubbles-container #bubble7,html #bubble7{-webkit-animation-delay:1s;animation-delay:1s;right:48%}.bubbles-container #bubble8,html #bubble8{-webkit-animation-delay:1.85s;animation-delay:1.85s;right:53%}.bubbles-container #bubble9,html #bubble9{-webkit-animation-delay:4.5s;animation-delay:4.5s;right:63%}.bubbles-container #bubble10,html #bubble10{-webkit-animation-delay:3.75s;animation-delay:3.75s;right:33%}
/*# sourceMappingURL=main.e249068a.css.map*/