@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,500;1,400;1,700&display=swap";*{padding:0;margin:0;font-family:IBM Plex Mono,monospace;background-color:#fffdec}html{min-height:auto}header{display:flex;background-color:#55ebff69;padding:5rem 3.6rem 3.6rem;justify-content:center;border-bottom:1rem solid rgb(0,119,255)}header h1{background-color:transparent;text-align:center;display:flex;font-weight:bolder;font-style:italic;font-size:400%;color:#fe0;-webkit-text-stroke:2px rgb(0,119,255)}form{display:flex;flex-direction:column;align-items:center;padding:3rem}form h2{display:flex;padding-bottom:.5rem}form label{padding-bottom:.5rem}form input{max-width:250px;padding:10px 5px;float:left;color:#707070;border:10;padding-bottom:.5rem;border-radius:1em 0 0 1em}form p{color:gray;font-size:80%;text-align:center;padding-bottom:.5rem}form button{min-width:60px;max-width:90px;position:relative;float:right;border:10;padding:0;height:40px;width:120px;color:#07f;background:transparent;border-left:1px solid #fff;border-radius:0 1em 1em 0}form #ingredient-user-input{text-align:left}#user-searched{display:flex;align-items:center;justify-content:center}#user-searched #div-text{justify-content:center}#user-searched #div-text h3{font-style:italic}#user-searched #div-imgPicAndName{justify-content:center;margin-left:2rem}#user-searched #div-imgPicAndName p{text-align:center}#user-searched #div-imgPicAndName img{max-height:5em;border:2px solid rgba(4,0,59,.5);background-color:#fff}#meal-images-container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;margin-left:10em;margin-right:10em}#meal-images-container #searchErrorState{display:flex;flex-direction:column;align-items:center}#meal-images-container #searchErrorState p{text-align:center}#meal-images-container #searchErrorState img{max-width:50rem}#meal-images-container #searchErrorState #wizardTalk{color:gray;font-style:italic;font-size:medium}.each-image img{width:10em;margin:2rem;border:2px solid rgba(4,0,59,.5);border-radius:35px;height:auto}#modal-wrapper{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#04003b80}#extra-meal-info{display:flex;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fffdec;padding:20px;border:5px solid rgba(85,235,255,.411);box-shadow:0 4px 8px #0000001a;z-index:1000;max-height:80vh;box-sizing:border-box;border-radius:10px;width:-moz-fit-content;width:fit-content;color:#00043a}#extra-meal-info h2{margin-top:0;padding-bottom:2rem;font-weight:bolder;font-size:xx-large}#extra-meal-info h3{margin-top:0;padding-top:2rem;font-weight:bolder;font-style:italic}#extra-meal-info li{margin-left:1rem}#extra-meal-info p{margin-left:1rem;margin-bottom:1rem}#extra-meal-info iframe{display:flex;margin-top:0;align-items:center;color:#3fdfeb;text-decoration:none}#extra-meal-info iframe:hover{text-decoration:underline}#extra-meal-info img{width:10em;margin:2rem;border:2px solid rgba(4,0,59,.5);border-radius:35px;height:auto}#popUpTextContent{overflow:scroll;width:20rem;height:38rem;margin-right:32px}#popUpImage{display:flex;align-items:center;justify-content:flex-end}#popUpImage img{width:20em;height:auto}.bottSpacer{padding:2.5rem}footer div{display:flex;justify-content:space-around;background-color:#00043a;position:fixed;left:0;bottom:0;height:2rem;width:100%;overflow:hidden}footer div p{background:transparent;color:#fffdec;font-weight:700}footer div a{background:transparent;color:#fffdec;font-weight:bolder}