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}:root{--background:#e0ebe3cc;--background-top:#b3a394;--ingredient:#3c8e4c;--ingredient-count:#15312280;--button:#859ead;--text:#e3e8e1;--infobox:#959ab1;color:#e3e8e1;color:var(--text);-webkit-user-select:none;user-select:none}*{box-sizing:border-box;margin:0;padding:0}.App{text-align:center}.App,element{background-color:#e0ebe3cc;background-color:var(--background)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}#filters,#ingredients{display:flex}#filters{margin-left:2vw;margin-right:2vw;margin-top:1px}#filters span{border-width:0}.filterDiv{color:#000;width:50%}.cocktailList,.filterFlex{display:flex;flex-wrap:wrap;justify-content:center}.cocktailList{align-items:center;flex-direction:row;justify-items:center;max-height:30vh;overflow-x:hidden;overflow-y:scroll}#ingHead,#resultHead{align-items:baseline;column-gap:25px;display:flex;flex-wrap:wrap;justify-content:center;max-width:100vw}#resultHead{max-height:10vh}#textInputDiv{max-width:210px}.filterDiv h3{border:groove #000;border-width:0 0 2px}#textInput{font-size:max(.4vw,20px);margin-top:5px;max-height:40px;max-width:200px;width:150px}h3{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:max(2vw,25px)}.active-header{color:#000}.inactive-header{color:#959ab1}body{background-color:#e0ebe3cc;background-color:var(--background);min-height:1000px}.displayIng{background-color:#3c8e4c;background-color:var(--ingredient);background-repeat:no-repeat;background-size:110% 100%;border-radius:3px;color:#e3e8e1;color:var(--text);cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;margin-left:0;margin-right:5px;margin-top:5px;max-width:150px;min-height:30px;min-width:150px}.ingList{align-items:center;border-color:#73b9be;border-style:solid;border-width:2px 0;display:flex;flex-wrap:wrap;justify-content:space-between;margin-left:2vw;margin-right:2vw;margin-top:2px;max-height:30vh;overflow-x:hidden;overflow-y:scroll}.fill-div{display:block;height:100%;text-decoration:none;width:100%}.ingredient{margin-left:0;text-transform:capitalize;width:80%}.countIng,.ingredient{align-items:center;display:flex;justify-content:center;vertical-align:middle}.countIng{background-color:#15312280;background-color:var(--ingredient-count);border-radius:0 3px 3px 0;color:#e3e8e1;color:var(--text);float:right;min-height:40px;min-width:20%}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:325px){.displayIng{font-size:min(4vw,15px);margin-right:2px;min-width:90px;width:auto}h3{font-size:medium}}@media only screen and (max-width:215px){h3{font-size:small}}
/*# sourceMappingURL=main.f7cbe934.css.map*/