@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;700&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}a:-webkit-any-link{color:inherit;text-decoration:none}*{box-sizing:border-box;font-family:Roboto Slab,serif;list-style:none;margin:0;padding:0;text-decoration:none}.App img{width:100%}.App .all{padding:5%}.App .all .yellarea{background-color:#ffca41;color:#fff;padding:10px 0}.App .all .yellarea p:first-of-type{font-size:25px;font-weight:700}.App .all .yellarea p{padding-left:20px}.BeerCard{-ms-grid-columns:.3fr .7fr;border-bottom:2px solid gray;display:-ms-grid;display:grid;grid-template-columns:.3fr .7fr;padding:3%}.BeerCard .bImg{-ms-grid-row-align:center;align-self:center;text-align:center}.BeerCard .bImg img{max-height:400px}.BeerCard .infoCover{-ms-grid-row-align:center;align-self:center;color:#484848;padding:10% 0 0 20%}.BeerCard .infoCover p:first-of-type{font-size:35px;font-weight:700}.BeerCard .infoCover p:nth-of-type(2){color:#ffca41;font-size:20px;font-weight:bolder;margin-bottom:25px}.BeerCard .infoCover p:nth-of-type(3){font-size:20px;margin-bottom:30px}.BeerCard .infoCover p:nth-of-type(4){background-color:#ffca41;border-radius:20px;color:#fff;display:inline-block;font-size:25px;font-weight:bolder;margin-left:20px;padding:5px 10px}.HomeButt{background-color:#ffca41;bottom:0;left:0;margin-top:30px;padding:2%;position:fixed;right:0}.HomeButt img{display:block;margin:auto;width:70px}.CardDetailsPage{-ms-grid-row-align:center;align-self:center;color:#484848;padding:3%;text-align:center}.CardDetailsPage p:first-of-type{font-size:35px;font-weight:700}.CardDetailsPage p:nth-of-type(2){color:#ffca41;font-size:20px;font-weight:bolder;margin-bottom:25px}.CardDetailsPage p:nth-of-type(3){font-size:15;margin-bottom:30px}.CardDetailsPage p:nth-of-type(4){background-color:#ffca41;border-radius:20px;color:#fff;display:inline-block;font-size:25px;font-weight:bolder;margin-left:20px;padding:5px 10px}.CardDetailsPage .detailImg{height:40vh;width:auto}.CardDetailsPage .date,.CardDetailsPage .date span,.CardDetailsPage .level,.CardDetailsPage .level span{margin:5%}.Back{margin:30px;width:70px}
/*# sourceMappingURL=main.e9b47b24.css.map*/