@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap);
*,::before,::after{box-sizing:border-box;margin:0;padding:0}body{width:100%;min-height:100vh;position:relative;font-family:"Poppins",sans-serif}h1,h2,h3,h4,h5{text-align:center;font-family:"Oswald",sans-serif;font-weight:bold}ul{list-style:none}.link{text-decoration:none}.scroll{cursor:all-scroll}.completed{text-decoration:line-through;color:#bbb}.navbar{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;padding:25px 50px}.navbar a{margin-right:auto;margin-bottom:0;font-weight:bolder;font-size:25px}.navbar a img{width:150px;height:150px}.navbar p{margin-right:auto;margin-bottom:0;font-weight:bolder;font-size:25px}.navbar ul{list-style-type:none;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0}.navbar ul :nth-child(2),.navbar ul :nth-child(3){border-left:solid 3px #000}.navbar ul li{padding:0 1rem;cursor:pointer}.navbar ul li :active{color:blue}.navbar ul li :hover{color:blue}.navbar ul li p{margin-bottom:0}@media only screen and (max-width: 768px){.navbar{display:flex;flex-direction:column}.navbar a{margin:auto}}footer{position:absolute;bottom:10px;left:20px;margin-top:1rem}footer p{margin-bottom:0;font-weight:bolder;font-size:16px}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity 500ms}.overlay .pop-up{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition:all 5s ease-in-out}.overlay .pop-up .close-pop-up{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333}.overlay .pop-up .pop-content{max-height:30%;overflow:auto;display:flex;flex-direction:column;justify-content:center}.hidden{visibility:hidden;opacity:0}.listContainer{display:grid;place-items:center;gap:3rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, 20rem), 1fr));padding:5%}.listContainer li{width:170px;text-align:center}.listContainer li .beer-title{display:flex;flex-direction:row;margin-top:10px;margin-bottom:10px;justify-content:center;gap:1rem;text-align:center}.listContainer li .beer-title p{font-size:16px;font-weight:600}.listContainer li .beer-title .likes{display:flex;gap:2px;align-items:center}.listContainer li .beer-title .likes i{color:red;cursor:pointer}.listContainer li .image{width:100%;max-height:389px}

/*# sourceMappingURL=main.css.map*/