@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);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}.app{background-image:url(/static/media/bubbles.0bb4a7b2ead354ca3dbd.jpg);background-size:cover;margin:0}.header{align-items:flex-end;display:flex;font-family:Righteous,cursive;font-size:34px;padding:20px 0 0 30px}.header__img{height:100px}.cardList{background-color:#dae4e4cc;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:center;margin:20px;width:95%}@media screen and (max-width:768px){.cardList{margin:5px}}.button{background-color:#e55c36;border:1px solid #000;border-radius:20px;box-shadow:3px 3px #444343;color:#fff;cursor:pointer;font-family:Righteous,cursive;font-size:22px;margin-top:10px;padding:10px 20px}.button:active{transform:scale(.95)}*{margin:0;padding:0}.beerCard{align-items:center;background-color:#f3b941;border:5px solid #000;border-radius:20px;display:flex;flex-direction:column;height:620px;justify-content:center;margin:20px;padding:10px;width:360px}.beerCard__image{height:250px;width:auto}.beerCard__heading,.beerCard__name,.beerCard__text{font-family:Righteous,cursive;margin:5px}.beerCard__name{color:#3b5ba5;font-size:34px;font-weight:700;margin-top:20px}.beerCard__heading{font-size:22px;font-weight:600}.beerCard__text{font-size:26px;line-height:36px;width:100%}.beerCard__info{background:#e55c36f2;border-radius:15px;height:600px;overflow:auto;padding:0 20px;position:absolute;white-space:pre-line;width:320px;z-index:1}.beerCard__cross{cursor:pointer;height:25px;left:290px;position:relative;top:20px;width:25px}@media screen and (max-width:768px){.beerCard{height:auto;justify-content:flex-start;width:300px}.beerCard__image{height:200px;margin-top:10px;width:auto}.beerCard__heading,.beerCard__name,.beerCard__text{font-family:Righteous,cursive}.beerCard__name{font-size:28px;font-weight:600}.beerCard__heading{font-size:22px;font-weight:500}.beerCard__text{font-size:20px;line-height:26px}.beerCard__info{height:400px;padding:0 20px;width:250px}.beerCard__cross{height:20px;left:230px;position:relative;top:20px;width:20px}}.navBar{background-color:#f3b941;border:5px dashed #000;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;margin:30px;padding:20px;position:-webkit-sticky;position:sticky;top:10px;width:90%;z-index:2}.navBar__searchbar{width:40%}.navBar__filterList{display:flex;flex-wrap:wrap;justify-content:space-between;width:50%}@media screen and (max-width:768px){.navBar{display:flex;flex-direction:column;justify-content:space-between;position:static;top:0;width:auto}.navBar__filterList,.navBar__searchbar{margin-top:5px;width:100%}}.search-box{font-family:Righteous,cursive}.search-box__title{font-size:22px}.search-box__input{border:2px solid #3b5ba5;border-radius:10px;font-size:22px;height:100%;padding-left:10px;width:60%}@media screen and (max-width:768px){.search-box__input{height:100%;width:90%}}.filter{display:flex}.filter__title{font-family:Righteous,cursive;font-size:22px}.filter__box{cursor:pointer;margin-left:5px}
/*# sourceMappingURL=main.c3b706af.css.map*/