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;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease-in;width:100%}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;z-index:1}.meals{grid-gap:20px;display:grid;grid-template-columns:repeat(5,2fr);margin-top:20px}.container{max-width:800px}.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%}.meal-info:hover{background:rgba(0,0,0,.8);border:4px solid #fff;opacity:1}.single-meal{margin:30px auto;width:70%}.single-meal h1{-webkit-margin-before:.67em;-webkit-margin-after:.67em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:2em;font-weight:700;margin-block-end:.67em;margin-block-start:.67em;margin-inline-end:0;margin-inline-start:0}.single-meal h2{-webkit-margin-before:.83em;-webkit-margin-after:.83em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:1.5em;font-weight:700;margin-block-end:.83em;margin-block-start:.83em;margin-inline-end:0;margin-inline-start:0}.single-meal img{border:4px solid #fff;height:200px;width:200px}.single-meal-info{border-radius:5px;display:flex;justify-content:center;text-align:center}.single-meal-info p{background:#ca0651;border-radius:10px;font-weight:600;letter-spacing:.5px;line-height:1.5;margin:10px 5px;padding:10px;width:30%}.main p{border:4px solid #fff;max-height:40vh;overflow-y:scroll;padding:10px;text-align:justify}.main 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-color:#5d0474;color:#fff}.container{align-items:center;flex-direction:column;justify-content:center;margin:auto;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}.search-btn i{font-size:1.5rem}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}.random-btn i{font-size:1.5rem}input[type=text]{font-size:1rem;height:50px;letter-spacing:.8px;width:300px}
/*# sourceMappingURL=main.e483e9e1.css.map*/