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}body{font-family:Verdana,Geneva,Tahoma,sans-serif}*{box-sizing:border-box}.meal-info{align-items:center;background:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in;width:100%}.meal-info:hover{opacity:1}h3{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.17em;font-weight:700;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.meals{grid-gap:20px;display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.meal{cursor:pointer;height:180px;position:relative;text-align:center;width:180px}.meal img{border:4px solid #fff;border-radius:2px;cursor:pointer;height:100%;width:100%}h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;font-size:2em;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}h1,h2{display:block;font-weight:700}h2{-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;color:blue;font-size:1.5em;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0}.single-meal{margin:30px auto;width:70%}.single-meal img{border:4px solid #fff;border-radius:2px;height:200px;width:200px}.single-meal-info{border:2px dashed blue;border-radius:5px;margin:20px;padding:10px}p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}.single-meal p{letter-spacing:.5px;line-height:1.5;margin:o}.single-meal,ul{list-style-type:none;padding-left:0}ul{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px;display:block;list-style-type:disc;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0;padding-inline-start:40px}.single-meal ul li{background-color:#fff;border:1px solid #ededed;border-radius:5px;color:#2d2013;display:inline-block;font-size:12px;font-weight:700;margin:0 5px 5px 0;padding:5px}body{background-image:url(/Meal-Finder-React-App/static/media/bg_image1.1b4ebb37c7b82fa643a8.jfif);background-repeat:no-repeat;background-size:cover;color:#fff}.container{align-items:center;flex-direction:column;justify-content:center;margin:auto;max-width:800px;text-align:center}.container,.flex{display:flex}.search-btn{border-left:0;border-radius:0;border-bottom-right-radius:4px;border-top-right-radius:4px;cursor:pointer}button,input{border:1px solid #dedede;border-bottom-left-radius:4px;border-top-left-radius:4px;font-size:14px;margin:0;outline:none;padding:8px 10px}.random-btn{border-bottom-right-radius:4px;border-top-right-radius:4px;cursor:pointer;margin-left:10px}input[type=text]{width:300px}
/*# sourceMappingURL=main.31c7284b.css.map*/