body,html{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100%}.app-container{flex:1 1}:root{--primary-color:#155263;--secondary-color:#e1a10b;--tertiary-color:#ff6f3c;--quaternary-color:#343a40;--quinary-color:#fff}.app-container{background-color:#fff;background-color:var(--quinary-color);color:#fff;color:var(--quinary-color);display:flex;flex-direction:column;font-family:Source Code Pro,monospace;margin:0;min-height:100vh;padding:0}.content-wrapper{flex:1 1}header{align-items:center;background-color:#e1a10b;background-color:var(--secondary-color);padding:35px}.beer-logo{display:block;margin:0 auto;max-width:350px}.navbar{font-size:1rem;font-weight:bolder}.nav-link.active{font-weight:700}.nav-link{margin:0 10px}.sort-container{align-items:center;justify-content:center;margin:0 auto;text-align:center}.sort-button{background-color:#e1a10b;background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;color:var(--quinary-color);cursor:pointer;font-size:16px;margin:40px 10px 0;padding:10px 0 10px 15px;transition:all .3s ease-in-out}.sort-button:hover{background-color:#155263;background-color:var(--primary-color)}.home-container{color:#155263;color:var(--primary-color)}.home-title{animation:homeTitle 3s ease forwards;font-size:2rem;font-weight:600;margin:40px 0;text-align:center}@keyframes homeTitle{0%{filter:blur(5px);opacity:.3}to{filter:blur(0);opacity:1}}.image-gallery{margin:20px auto 40px;max-width:60%}.beer-container{display:block;margin:20px auto;max-width:90%}.individual-beer{background-color:#fff;background-color:var(--quinary-color);border:3px solid #e1a10b;border:3px solid var(--secondary-color);border-radius:20px;box-shadow:8px 8px 20px 8px #1552634d;margin:35px 10px 20px;min-height:340px;padding:10px}.individual-beer,.individual-beer h3{color:#155263;color:var(--primary-color)}.individual-beer h3{font-size:20px;font-weight:700;margin:15px 0;text-align:center}.beer-image{display:block;margin:10px auto;text-align:center}.beer-price{color:#ff6f3c;color:var(--tertiary-color);font-size:18px;font-weight:700;margin:15px 0 10px;text-align:center}ul.pagination{display:flex;flex-wrap:wrap;justify-content:center;padding:0 0 40px}.pagination li{color:#fff;display:inline-block;margin:10px}.pagination li a{background-color:#155263;background-color:var(--primary-color);border-radius:4px;color:#fff;display:block;padding:8px 12px;text-decoration:none;transition:all .3s ease-in-out}.pagination .active a:hover,.pagination li a:hover{background-color:#e1a10b;background-color:var(--secondary-color)}.pagination .active a{background-color:#ff6f3c;background-color:var(--tertiary-color);color:#fff}.search-container{color:#155263;color:var(--primary-color);margin:60px 0;text-align:center}.input-container{align-items:center;border:2px solid #e1a10b;border:2px solid var(--secondary-color);border-radius:5px;display:flex;margin:0 auto 20px;max-width:350px;overflow:hidden;padding:5px;width:100%}.search-logo{font-size:large;margin:0 10px}.search-bar{background-color:initial;border:none;flex:1 1;outline:none}.search-container h3{font-size:1.7rem}.search-results{color:#155263;color:var(--primary-color)}.results-list{background-color:#fff;border-radius:10px;margin:40px auto;max-height:250px;max-width:60%;overflow-y:auto;padding:10px}.results-list div{cursor:pointer;margin:0}.selected-beer,.show-shadow{box-shadow:8px 8px 20px 8px #1552634d}.selected-beer{background-color:#fff;background-color:var(--quinary-color);border:3px solid #e1a10b;border:3px solid var(--secondary-color);border-radius:20px;color:#155263;color:var(--primary-color);margin:70px auto 40px;max-width:50%;padding:30px}.selected-beer span{color:#ff6f3c;color:var(--tertiary-color);font-weight:700;margin:0}.selected-beer h3{color:#155263;color:var(--primary-color);font-size:1.1rem;font-weight:700;margin:10px;text-align:center}.selected-beer-price{font-size:20px;margin:20px 0 0;text-align:center}.footer{background-color:#155263;background-color:var(--primary-color);bottom:0;color:#fff;color:var(--quinary-color);padding:50px;text-align:center;width:100%}.footer p{margin-top:20px}.footer ul{margin:0 auto;padding:10px}.footer a{color:#e1a10b;color:var(--secondary-color);font-weight:700;transition:all .3s ease-in-out}.footer a:hover{color:#ff6f3c;color:var(--tertiary-color);text-decoration:none}.footer .brands li{display:inline;font-size:25px;margin:0 60px;text-align:center}@media (min-width:2200px){.beer-container{max-width:70%}.individual-beer{margin:35px 10px 20px;min-height:350px;padding:10px}.results-list{max-width:45%}.selected-beer{max-width:40%}}@media (max-width:1300px){.beer-container{max-width:95%}.individual-beer{margin:20px 0;min-height:330px}}@media (max-width:990px){.individual-beer{margin:20px auto;max-width:80%}}@media (max-width:768px){header{padding:20px}.beer-logo{max-width:200px}.beer-price,.footer p,a.navbar-brand{font-size:.8rem}.image-gallery{max-width:90%}.home-container .home-title{font-size:1rem}.row-of-beers{text-align:center}.individual-beer{max-width:85%;padding:5px}.individual-beer h3{font-size:.9rem}.pagination{margin:30px}.pagination li{margin:5px}.results-list{width:80%}.search-container h3{font-size:1.2rem;padding:5px}.footer .brands li{margin:0 20px}}@media (max-width:550px){.individual-beer{max-width:75%}.selected-beer{max-width:80%}}
/*# sourceMappingURL=main.e78e7890.css.map*/