body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;font-family:Inter}:root{--yellow-100:#ffffe0;--yellow-200:#fffacd;--yellow-300:#ff6;--yellow-400:#fcf75e;--yellow-500:#ff0;--grey-100:#f1f5f9;--grey-200:#e2e8f0;--grey-300:#dfe8f8;--grey-400:#94a3b8;--grey-500:#64748b;--grey-600:#475569;--grey-700:#334155;--grey-800:#1e293b;--grey-900:#0f172a;--black:#000;--white:#fff;--blue:#03449d;--dark-blue:#02367d;--red:#dc143c;--backgroundColor:var(--grey-100);--textColor:var(var(--grey-900));--letterSpacing:1px;--max-width:1120px;--view-width:90vw;--shadow-1:0 3px 10px rgba(0,0,0,0.1);--shadow-2:0 3px 10px rgba(0,0,0,0.2);--shadow-3:0 3px 10px rgba(0,0,0,0.4);--borderRadius:0.5rem;--transition:0.3s ease-in-out all;--padding:0.375rem 0.75rem}body{background:var(--backgroundColor);color:var(--textColor)}p{margin-bottom:1.5rem;max-width:40em}a{text-decoration:none}h1,h2,h3,h4,h5{margin:0;line-height:1.3;letter-spacing:var(--letterSpacing)}.img{height:100%;display:block;object-fit:cover;margin:0 auto}.btn{cursor:pointer;border:transparent;border-radius:var(--borderRadius);padding:var(--padding);box-shadow:var(--shadow-1);transition:var(--transition);display:inline-block;font-weight:600}.close_btn,.search_btn{color:var(--white);background:var(--black)}.close_btn{margin-top:1rem;width:6rem}.random_btn{color:var(--black);background:var(--white);background:#f4f4f4;border:1px solid #424242}.btn:hover{background:var(--grey-900);box-shadow:var(--shadow-2);color:var(--grey-100)}.section,.section-center{padding:3rem 0;margin:0 auto;width:var(--view-width);max-width:var(--max-width)}.section,.section-center{display:grid;grid-gap:2rem;gap:2rem}@media screen and (min-width:776px){.section-center{grid-template-columns:1fr 1fr}}@media screen and (min-width:992px){.section-center{grid-template-columns:1fr 1fr 1fr}}.beerIcon{width:60px}.oneBeer{background:var(--white);box-shadow:var(--shadow-1);border-radius:var(--borderRadius);padding:1rem 0}.oneBeer:hover{box-shadow:var(--shadow-3)}.oneBeer img{height:15.5rem;cursor:pointer}.oneBeer footer{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;flex-wrap:wrap}.like-btn{background:transparent;border:transparent;font-size:1.5rem;transition:var(--transition);cursor:pointer}.like-btn:hover{color:var(--red);transform:translateY(-2px)}.search-block{height:5rem;display:flex;justify-content:space-between;margin:0 auto;align-items:center;padding:0 160px;border-radius:var(--borderRadius);border:1px solid var(--grey-200);background-color:var(--white)}.search-block form{max-width:var(--max-width);display:flex;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}.search-block input{padding:var(--padding);border-radius:var(--borderRadius);border:1px solid #b8b8b8}.oneBeer_layout{position:fixed;left:0;top:0;width:100%;height:100%;background-color:var(--white);display:grid;place-items:center;transition:var(--transition)}.oneBeer_container{width:80vw;max-width:800px;height:100vh;padding:0 1.5rem;margin-top:3rem}.oneBeer_container h1{padding-bottom:2rem}.oneBeer_container p{margin-bottom:10px}.oneBeer_container img{height:20rem;margin-bottom:2rem}.favorites{background:var(--grey-300);padding:1rem 0}.favorites_content{width:var(--view-width);max-width:var(--max-width);margin:0 auto}.favorites_content h5{padding-bottom:1rem;letter-spacing:.5px}.favorites_container{display:flex;grid-gap:.5rem;gap:.5rem;flex-wrap:wrap}.favorites_content img{height:70px;cursor:pointer}.favorites_card{text-align:center;max-width:120px;display:flex;flex-direction:row}.favorites_card p{font-size:.75rem;height:.5rem;margin-top:.3rem}.fav_singleBeer{width:90px}.remove_btn{cursor:pointer;background:transparent;border:transparent;transition:var(--transition);color:var(--black);font-size:1.1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-left:0}.remove_btn:hover{color:var(--red)}.pagination{display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem;margin:2rem 0}.pagination button{background-color:#f1f1f1;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background .2s ease}.pagination button:hover{background-color:#ddd}
/*# sourceMappingURL=main.33a3b97c.chunk.css.map */