#app{background-color:#000}body{font-family:"Copperplate",cursive;text-align:center;margin:0}.title{font-size:2em;text-align:right;width:90%}.title h1{text-align:right;color:#000}.searchContainer{width:90%;text-align:right}.searchContainer input{width:10em;font-size:20px;margin:5px;background-color:#000;color:#eeb85a;text-align:center;font-family:"Copperplate",cursive;transition:width .5s ease-in-out}.searchContainer input:focus{width:15em}.cocktail button,.searchContainer button{font-family:"Copperplate",cursive;background-color:#000;color:#eeb85a}.cocktail button{margin:0 2vw}.cocktail button:hover,.searchContainer button:hover{background-color:#eeb85a;color:#000;cursor:pointer;transition-duration:.5s}.cocktail button,.random button,.search button{width:20em;font-size:20px;margin:5px}.search-results{display:flex;flex-direction:column;justify-content:right}.search-results img{width:100px;height:100px}.search-results ul{list-style:none;padding-left:30em}.search-results li{margin-bottom:2em}#results-title{font-size:35px;flex-direction:column;justify-content:right;font-size:2em;text-align:right;width:90%;color:#000}.result{display:flex;flex-direction:row}.inner-result{display:flex;flex-direction:column;margin-left:2vw}.inner-result h2{text-align:left}.inner-result p{margin-top:-1}.alert{background-color:#000}.swal-text,.swal-title{color:#eeb85a}.swal-overlay{background-color:rgba(0,0,0,.5)}.swal-button{font-family:"Copperplate",cursive;color:#eeb85a;background-color:#000}.alert button.swal-button.swal-button--confirm:hover{background-color:#eeb85a;color:#000;transition-duration:.5s}.container{margin:0 10vw;padding-bottom:10vh;display:flex;box-sizing:border-box;background-size:contain;background-attachment:fixed;min-height:100vh;flex-direction:column;background-image:url(/static/media/index.08f82125.jpg);background-position-x:center}.outerContainer{display:flex;flex-direction:row;margin:10vh 10vh 10vh 35em}.image,.image img{width:70%}.innerCont{flex-direction:column;text-align:left;width:100%}#title{font-size:30px}#glass,#ingredients,#instructions{font-family:"Segoe UI",sans-serif}#cocktailName{font-size:20px;flex-direction:column;width:90%;text-align:right;color:#000}.glass,.instructions{font-size:17px;margin-top:4px}.glass .inner,.instructions .inner{width:100%;margin-top:4px}
/*# sourceMappingURL=main.d1bbc2bf.chunk.css.map */