*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000}@font-face{font-display:swap;font-family:Sail;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/sail/v16/DPEjYwiBxwYJJBPJAQ.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Macondo;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/macondo/v21/RrQQboN9-iB1IXmOe2LE0Q.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.App{color:#ffd1d9;font-family:Sail,Macondo,cursive,arial;text-align:center}.App-header h1{font-size:3.5rem;margin-top:1rem}.App-details{background-color:#ffd1d9;text-align:right}.App-acc{background-color:pink}@media only screen and (max-width:480px){h1{display:none}}.Cocktail-process{margin:0 auto;overflow:auto}ul.Cocktail-ingredients{font-size:1.5rem;list-style:none;padding:0}.Cocktail-instructions{font-size:1.3rem;padding:1.5rem}.Cocktail-drink-name{color:#ffd1d9;font-family:Sail,Macondo,cursive,arial;font-size:2rem;letter-spacing:.1rem;padding:1rem}.Cocktail-image-drink{height:auto;width:100%}.Cocktail-one{font-family:Macondo,sans-serif,Arial;margin:.1rem auto;max-width:38rem;position:relative}.Cocktail-one img{max-height:600px;max-width:600px}.Cocktail-image-overlay{align-items:center;background:rgba(0,0,0,.8);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:absolute;text-align:center;top:0;transition:opacity .2s;width:100%}.Cocktail-image-overlay:hover{opacity:1}.errorMsg{font-family:Macondo,Arial,Helvetica,sans-serif;font-size:1.5rem}.NavBar-link{background-color:pink}.Bar{font-size:1.2rem;font-weight:800;margin:0 auto 1rem;max-width:35rem}.Bar,.Bar-link{display:inline-block}.Bar-link{border:.1rem solid #ffd1d9;border-radius:3rem;color:#ffd1d9;letter-spacing:.05rem;margin:.2rem;padding:.3rem;text-decoration:none}.Bar-link:hover{background-color:#ffd1d9;color:#000;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media only screen and (max-width:480px){.Bar{font-size:1rem;max-width:27rem;padding-top:1.2rem}}.Header h2{font-size:2.5rem;padding:1rem}.Header p{font-family:Macondo,sans-serif;font-size:1.5rem;padding:0 1rem 1rem}.CocktailDb-searchbar{border-radius:.25rem;font-family:Macondo,sans-serif;font-size:1.1rem;height:2rem;margin-bottom:1rem;width:14rem}.CocktailDb-button{background-color:#fff;border-radius:.25rem;padding-top:.1rem;width:2rem}.svg-inline--fa{cursor:pointer;height:1.2rem;padding:.2rem;vertical-align:middle}.Spinner{display:inline-block}.Random button{background-color:#000;border:.1rem solid #ffd1d9;border-radius:2rem;color:#ffd1d9;cursor:pointer;font-family:Sail,Macondo,cursive,arial;font-size:2rem;margin-bottom:1rem;padding:.5rem;transition:2s}.Random button:hover{background-color:#ffd1d9;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.ModalForm input,textarea{display:block;width:100%}.ModalForm{background-color:rgba(0,0,0,.7);bottom:0;left:0;position:fixed;right:0;top:0}.ModalForm,.ModalForm-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.ModalForm-content{background-color:#ffd1d9;color:#000;width:50%}.ModalForm-header{font-size:2rem}.ModalForm-footer,.ModalForm-header{padding:1rem}.ModalForm-body{border-bottom:.1rem solid #000;border-top:.1rem solid #000;display:flex;flex-direction:column;padding:1rem;width:25rem}.ModalForm-ingredients{padding-bottom:.1rem;padding-top:.1rem;width:100%}.ModalForm input{border-radius:.3rem;margin-bottom:.1rem;max-width:25rem;padding:.5rem}.ModalForm-ingredients input{display:inline-block;max-width:40%}.ModalForm button{background-color:#000;border:.1rem solid #ffd1d9;border-radius:.1rem;border-radius:.3rem;color:#ffd1d9;cursor:pointer;margin-bottom:.1rem;padding:.5rem}@media only screen and (min-width:480px) and (max-width:790px){.ModalForm-content{width:80%}.ModalForm input{margin:0 auto;width:90%}}@media only screen and (max-width:480px){.ModalForm-content{width:90%}.ModalForm input{margin:0 auto;width:70%}.ModalForm-ingredients input{width:35%}}@media only screen and (max-width:330px){h3{display:none}.ModalForm input{height:15px;width:60%}.ModalForm-ingredients input{font-size:x-small;margin-bottom:.3rem;max-width:30%;width:250px}.ModalForm button{padding:.1rem}}.You-button{background-color:#000;border:.1rem solid #ffd1d9;border-radius:2rem;color:#ffd1d9;cursor:pointer;font-family:Sail,Macondo,cursive,arial;font-size:2rem;margin-bottom:1rem;padding:.5rem;transition:2s}.You-button:hover{background-color:#ffd1d9;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}.DisplayYourCocktail{font-family:Macondo,sans-serif,Arial;height:37.5rem;margin:.1rem auto;max-width:37.5rem;width:100%}.DisplayOneCocktail{align-content:center;align-items:center;background-color:#000;border:2px solid #ffd1d9;display:flex;height:100%;justify-content:center;margin-bottom:.2rem;width:100%}.DisplayYourCocktail button{background-color:#000;border:.1rem solid #ffd1d9;border-radius:.1rem;border-radius:.3rem;color:#ffd1d9;cursor:pointer;margin-bottom:.1rem;padding:.5rem}.DisplayYourCocktail button:hover{background-color:#ffd1d9;color:#000;-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.c846b0d9.css.map*/