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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin)}.App-link{color:#61dafb}.Ingredient{width:150px;height:200px;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.5);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;-webkit-align-items:center;align-items:center;margin:20px;-webkit-flex-direction:column;flex-direction:column;transition:.3s}.Ingredient:hover{width:180px;height:220px}.steps{overflow-y:scroll;position:relative;top:30px;visibility:hidden;transition:.3s;opacity:0}.Ingredient img{height:80px;width:100px;margin:10px;border-radius:10px}.Ingredient p{margin:0;font-size:12px}.Ingredient span{font-size:14px}.Wrapper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.Ingredient:hover .steps{top:0;visibility:visible;visibility:initial;opacity:1}.inputWrapper input{width:300px;height:30px;padding:10px;margin:10px;border-radius:8px;border:none;box-shadow:0 1px 4px 0 rgba(0,0,0,.5)}.inputWrapper button{height:40px;width:80px;border-radius:10px;outline:none;cursor:pointer}
/*# sourceMappingURL=main.00cf5b4a.chunk.css.map */