@import url(https://fonts.googleapis.com/css2?family=Cabin+Sketch&display=swap);@import url(https://fonts.googleapis.com/css2?family=Special+Elite&display=swap);@import url(https://fonts.googleapis.com/css2?family=Advent+Pro:wght@300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap);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}.App-header{background-color:rgba(215,185,127,.75);border-bottom:10px solid rgba(215,185,127,.8);display:grid;grid-template-columns:5fr 1fr 1fr 1fr;grid-template-rows:100%;align-items:flex-end;position:sticky;top:0}.App{height:100vh}body{background-image:url(https://i.imgur.com/yrJxm7O.jpeg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.logoImg{width:150px}.logo{grid-column:1/span 1;grid-row:1/span 1;display:flex}.business{margin-top:40px;color:olive;font-family:"Special Elite",cursive}.search{grid-column:2/span 1}.randomNav,.search{grid-row:1/span 1;text-align:right;color:sienna;margin-right:20px;font-family:"Quicksand",sans-serif}.randomNav{grid-column:3/span 1}.shoppingList{grid-column:4/span 1;grid-row:1/span 1;text-align:right;color:sienna;margin-right:20px;font-family:"Quicksand",sans-serif}a{text-decoration:none}a:hover{cursor:pointer}.home{width:700px;border:5px solid olive;margin:50px auto;padding:10px;background-color:rgba(215,185,127,.7);text-align:center}.shoppingL{text-align:left}.brewingMessage,.shoppingL{width:40vw;padding:30px;line-height:200%}.brewingMessage{border:5px solid olive;margin:50px auto;background-color:rgba(215,185,127,.7);text-align:center}.welcome{font-size:42px;margin-bottom:10px}.welcomeMessage{font-size:32px;margin-top:0}.hops{display:flex;align-items:center;align-content:center;justify-content:center}.hopsImg{width:100px}.randomButton,.recipeButton{background-color:olive;padding:10px 20px;border:none;margin-bottom:30px;font-size:16px;cursor:pointer}.randomButton:hover,.recipeButton:hover{opacity:.75}.randomButton{margin-left:10px}@media (max-width:700px){.home{width:80vw}}h2{font-family:"Advent Pro",sans-serif;font-size:60px;font-weight:900}.recipe{width:80vw;height:75vh;border:5px solid olive;margin:50px auto;padding:10px;background-color:rgba(215,185,127,.85);overflow-y:scroll}.beerName{margin:20px 0 0}.tagline{margin-top:5px}.anotherRandomButton{padding:5px 20px;margin-right:5px;margin-left:auto;display:block;background-color:olive;margin-bottom:20px;font-size:16px;cursor:pointer;border:2px solid #d7b97f}h2{font-size:28px;color:olive}h4{font-size:24px}h5{font-size:20px}.anotherRandomButton:hover{opacity:.75}.recipe::-webkit-scrollbar{width:5px}.recipe::-webkit-scrollbar-track{background:rgb(128,128,.6)}.recipe::-webkit-scrollbar-thumb,.recipe::-webkit-scrollbar-thumb:hover{background:rgba(215,185,127,.7)}.titleBD{display:grid;grid-template-columns:4fr 1fr;align-items:baseline}.beerName{grid-row:1;grid-column:1}.abvBD{grid-row:1;grid-column:2;text-align:right;margin-bottom:0}.tagline{grid-row:2;grid-column:1}.ibuBD{grid-row:2;grid-column:2;text-align:right;margin-top:0}.beerDescription{border-bottom:2px solid olive;border-top:2px solid olive;padding:50px 10px;text-align:center;-webkit-text-decoration:brown;text-decoration:brown}.ingredients{border-left:5px groove rgba(128,128,0,.5);margin-left:10px;margin-top:0;padding:5px 10px}.recipeTitle{margin-bottom:0}.ing{margin-top:10px}.addToList{margin-top:-20px}.addButton{background-color:rgba(215,185,127,0);border:none;text-align:left;padding-bottom:10px;cursor:copy}li{list-style-type:none}@media (min-width:1100px){.recipe{width:900px}}.randomBeer{width:80vw;height:100%;border:5px solid olive;margin:50px auto;padding:20px;background-color:rgba(215,185,127,.85)}.fullRecipe{color:sienna;margin-left:30px;font-size:18px;padding:15px}.fullRecipe:hover{background-color:rgba(128,128,0,.6)}@media (min-width:1100px){.randomBeer{width:900px}}.searchResultsContainer{overflow-y:scroll;height:90vh}.searchItems{border-bottom:5px ridge rgba(128,128,0,.5);display:flex;list-style:none;flex-direction:row;padding:0 20px;margin:10px}.searchItem{margin:10px;font-weight:700;font-size:20px}.searchResultsContainer::-webkit-scrollbar{width:5px}.searchResultsContainer::-webkit-scrollbar-track{background:rgb(128,128,.6)}.searchResultsContainer::-webkit-scrollbar-thumb,.searchResultsContainer::-webkit-scrollbar-thumb:hover{background:rgba(215,185,127,.7)}.searchForm{align-items:center;justify-content:center;width:60vw;border:5px solid olive;margin:50px auto;padding:20px;background-color:rgba(215,185,127,.85)}.searchFields{display:grid;grid-template-columns:1fr 2fr;grid-template-rows:auto;grid-gap:10px;gap:10px;text-align:right;font-size:20px}.c11{grid-column:1}.c11,.c21{grid-row:1}.c21{grid-column:2}.c12{grid-column:1}.c12,.c22{grid-row:2}.c22{grid-column:2}.c13{grid-column:1}.c13,.c23{grid-row:3}.c23{grid-column:2}.c14{grid-column:1}.c14,.c24{grid-row:4}.c24{grid-column:2}.c15{grid-column:1}.c15,.c25{grid-row:5}.c25{grid-column:2}.c16{grid-column:1}.c16,.c26{grid-row:6}.c26{grid-column:2}.searchButton{padding:5px 20px;display:block;background-color:olive;margin:10px 5px 20px auto;font-size:16px;cursor:pointer;border:2px solid #d7b97f}.hoverMess{position:inline}.hoverMessage{display:none;position:absolute;width:350px;font-size:14px;background-color:#fff;border:2px solid olive;text-align:left;line-height:200%;padding-left:15px}.hoverTitle{border-bottom:3px solid olive;font-size:16px}ul{margin-left:0;padding-left:0;padding-right:15px}.ibuInfo{list-style-type:none;border-bottom:1px solid rgba(128,128,0,.3)}.hoverMess:hover .hoverMessage{display:block}.infoButton{border-radius:50%;font-size:12px;padding:1px 3px;background-color:#a9a9a9;border:none;color:#fff;margin-left:10px}@media (min-width:700px){.searchForm{width:500px}}
/*# sourceMappingURL=main.e7e55ffd.chunk.css.map */