@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}.beers{display:flex;width:100%}.searchbar{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:space-around;width:80%}.searchbar__input{border:2px solid #1c5276;border-radius:0 25px 25px 0;font-family:Inter,sans-serif;font-size:1rem;height:35px;padding:12px;width:100%}.filter-item{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.filter-item__label{font-size:1.4rem}.filter-item__input{height:20px;width:20px}.range{display:flex;flex-direction:column;margin:15px 0}.sidebar__filter-list{height:50%;width:80%}.mobile-navbar,.sidebar__filter-list{display:flex;flex-direction:column;justify-content:space-evenly}.mobile-navbar{align-items:center;align-self:center;-webkit-animation:gradient 5s ease-in-out infinite;animation:gradient 5s ease-in-out infinite;background:linear-gradient(190deg,#1c5276,#1c5276,#00a2b6,#60bad2,#85cfef);background-size:200%;color:#f6f6ee;flex-shrink:0;font-family:Inter,sans-serif;font-size:2rem;font-weight:800;height:100%;position:fixed;text-shadow:1px 1px #000;text-transform:uppercase;top:0;width:100%;z-index:1}.mobile-navbar__cross-container{align-items:center;align-self:flex-end;background-color:#f6f6ee;border-radius:50%;display:flex;height:35px;justify-content:center;position:absolute;right:25px;top:25px;transition:1s;width:35px}.mobile-navbar__cross-container:hover{-webkit-animation:jump 1s;animation:jump 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:2;animation-iteration-count:2;cursor:pointer}.mobile-navbar__cross{object-fit:contain;padding:8px;width:100%}@media screen and (min-width:958px){.mobile-navbar{display:none}}.card-info{font-family:Inter,sans-serif;height:100%;justify-content:flex-start;margin:15px auto 0;width:90%}.card-info,.card-info__image-container{align-items:center;flex-direction:column}.card-info__image-container{background-color:#f6f6ee;border-radius:16px 16px 0 0;display:flex;height:550px;justify-content:flex-end;width:100%}.card-info__nav-arrow{align-self:start;left:25px;position:relative;top:35px;transition:.5s;z-index:5}.card-info__nav-arrow--image{height:25px}.card-info__nav-arrow:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}@media screen and (min-width:576px){.card-info__nav-arrow{left:25px;top:15px}}.card-info__image{-webkit-animation:gradient 5s ease-in-out infinite;animation:gradient 5s ease-in-out infinite;background:linear-gradient(200deg,#1c5276,#1c5276,#00a2b6,#60bad2,#85cfef);background-size:400%;border-radius:8px;height:500px;object-fit:contain;padding:25px;position:relative;top:-10px;width:100%}@media screen and (min-width:576px){.card-info__image{width:500px}}.card-info__header{align-items:center;background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(https://img.freepik.com/free-photo/original-black-leather-texture-background_24972-1600.jpg);border-radius:0 0 16px 16px;color:#f6f6ee;display:flex;flex-direction:column;flex-shrink:0;height:170px;justify-content:center;padding:5px 15px;text-align:center;width:100%}@media screen and (min-width:768px){.card-info__header{height:120px}}.card-info__title{font-family:Space Grotesk,sans-serif;font-size:2.2rem;text-shadow:2px 2px #60bad2;text-transform:uppercase}.card-info__tagline{font-weight:800}.card-info__description{display:flex;font-size:1.1rem;font-weight:400;justify-content:center;margin:50px 0 25px;text-align:justify;width:100%}@media screen and (min-width:767px){.card-info__description{text-align:center}}.card-info__stats-container{background-color:#f6f6ee;border-radius:16px;display:grid;grid-template:1fr/repeat(auto-fill,80%);justify-content:center;margin:25px auto;width:80%}.card-info__stat{align-items:center;display:flex;flex-direction:column;font-weight:600;justify-content:space-around;justify-self:center;padding:12px 0;text-align:center;text-transform:uppercase;width:100%}.card-info__stat:nth-child(2){border-bottom:2px solid #e0e0d9;border-top:2px solid #e0e0d9}.card-info__stat--label{color:hsla(60,3%,43%,.69)}@media screen and (min-width:767px){.card-info__stats-container{align-items:center;display:flex;height:100px;justify-content:space-around}.card-info__stat{height:70%;width:33%}.card-info__stat:nth-child(2){border:0;border-left:2px solid #e0e0d9;border-right:2px solid #e0e0d9}}.card-info__ingredients{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin:0 0 15px;width:100%}.card-info__ingredients--title{align-self:flex-start;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.card-info__ingredient{display:flex;flex-direction:column;padding:0 35px;width:100%}.card-info__ingredient--header{font-family:Space Grotesk,sans-serif;font-size:1.25rem;margin:25px 0 5px}.card-info__ingredient--header:first-child{margin:10px 0 5px}.card-info__ingredient--added-time{font-family:Space Grotesk,sans-serif;padding:4px 10px}.card-info__ingredient--data{display:flex;flex-direction:column;padding:0 20px}.card-info__ingredient-item{display:flex;justify-content:space-between}.card-info__food-pairings{width:100%}.card-info__food-pairings--header{font-family:Space Grotesk,sans-serif;font-size:1.4rem;margin:0 0 8px}.card-info__food-pairings--data{margin:5px 0 0 35px}.card-info__food-pairings--text{text-align:justify}.card-info__brewers-tips{align-items:flex-start;background-color:#85cfef;border-radius:16px;display:flex;flex-direction:column;justify-content:center;margin:15px auto;padding:15px 50px;text-align:justify;width:100%}.card-info__brewers-tips--header{font-family:Space Grotesk,sans-serif;margin-bottom:5px}@media screen and (min-width:1048px){.card-info__brewers-tips{max-width:60%}}.card__link{background-color:#00a2b6;border-radius:12px;display:block;flex-shrink:0;font-family:Inter,sans-serif;height:470px;margin:20px auto;text-decoration:none;width:90%}.card__front{align-items:flex-start;background-color:#f6f6ee;border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:.3s ease;width:100%}.card__front:hover{-webkit-transform:translateY(-16px);transform:translateY(-16px)}.card__image{align-self:center;-webkit-animation:gradient 5s ease-in-out infinite;animation:gradient 5s ease-in-out infinite;background:linear-gradient(200deg,#1c5276,#1c5276,#00a2b6,#60bad2,#85cfef);background-size:400%;border-radius:4px;height:320px;object-fit:contain;padding:25px;position:relative;top:2px;width:90%}.card__text{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(https://img.freepik.com/free-photo/original-black-leather-texture-background_24972-1600.jpg);border-radius:0 0 12px 12px;color:#f6f6ee;display:flex;flex-direction:column;height:80px;justify-content:space-around;padding:65px 15px;position:relative;text-decoration:none;top:13px;width:100%}.card__title{font-family:Space Grotesk,sans-serif;font-size:1.5rem;text-shadow:3px 3px 6px #1c5276;text-transform:uppercase}.card__tagline{color:#f6f6ee;font-size:1.2rem;font-weight:500;text-align:justify;text-shadow:1px 0 0 #1c5276}@media screen and (min-width:425px){.card{width:100%}.card__link{margin:20px auto;width:400px}}@media screen and (min-width:868px){.card{width:100%}.card__link{margin:20px 8px;width:400px}}.main__card-list{display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%}@media screen and (min-width:959px){.main__card-list{justify-content:space-evenly}}.main{width:100%}.main__title{align-items:center;display:flex;font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:900;justify-content:space-around;margin:15px auto 30px;text-transform:uppercase;width:80%}@media screen and (max-width:345px){.main__title{font-size:1.8rem;margin:15px auto}}@media screen and (min-width:768px){.main__title{font-size:3rem;margin:50px auto 30px}}.main__menu-container{align-items:center;background-color:#85cfef;border-radius:50%;display:flex;height:35px;justify-content:center;left:15px;margin:15px 0;position:relative;top:15px;transition:1s;width:35px}.main__menu-container:hover{-webkit-animation:jump .8s;animation:jump .8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:2;animation-iteration-count:2;cursor:pointer}.main__menu{object-fit:contain;padding:8px;width:100%}@media screen and (min-width:959px){.main__menu-container{display:none}}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@font-face{font-family:Space Grotesk;src:url(/punk-api/static/media/SpaceGrotesk-Bold.84491a7b22b78320f103.otf) format("opentype")}.sidebar{align-items:center;-webkit-animation:gradient 5s ease-in-out infinite;animation:gradient 5s ease-in-out infinite;background:linear-gradient(190deg,#1c5276,#1c5276,#00a2b6,#60bad2,#85cfef);background-size:200%;color:#f6f6ee;display:flex;flex-direction:column;flex-shrink:0;font-family:Inter,sans-serif;font-size:2rem;font-weight:800;height:100vh;justify-content:space-around;position:-webkit-sticky;position:sticky;text-shadow:1px 1px #000;text-transform:uppercase;top:0;width:500px}@media screen and (max-width:958px){.sidebar{display:none}}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}
/*# sourceMappingURL=main.f1346754.css.map*/