@import url(https://fonts.googleapis.com/css?family=Montserrat:400,400i,700);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}*{font-family:Montserrat,sans-serif;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}html{background-color:rgba(255,204,188,.7);font-size:62.5%}.App{align-items:center;display:flex;flex-direction:column}h1{color:#b71c1c;display:inline-block;font-size:6rem;letter-spacing:.1rem;margin:6rem 0;text-align:center;text-shadow:5px 5px 5px hsla(0,0%,50%,.4);text-transform:uppercase}.search-form{align-items:center;background-color:#a1887f;border-radius:3rem;display:inline-flex;height:12rem;justify-content:center;margin-bottom:5rem;position:relative;width:65%}.alert,.search-form{box-shadow:5px 5px 5px hsla(0,0%,50%,.4)}.alert{background-color:#e94848;border-radius:1em;left:0;padding:.2rem;position:absolute;top:-4.5em;width:calc(100% - .4rem)}.alert h3{color:#fff;font-size:1.8rem;font-weight:400;text-align:center;text-transform:uppercase}.search-form input{border:none;border-bottom:.1rem solid #ccc;border-radius:5rem;font-size:1.6rem;height:5rem;margin:0 .5rem}.search-form input[type=text]{color:#555;padding:0 2rem;width:60%}.search-form input[type=submit]{background-color:#b71c1c;color:#fff;text-transform:uppercase;width:25%}.recipes{align-items:center;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;width:90%}.recipe{background-color:#a1887f;border-radius:2rem;box-shadow:5px 5px 5px hsla(0,0%,50%,.4);display:flex;flex-direction:column;margin:2rem;padding:2rem;position:relative;transition:all .5s;width:30rem}.recipe:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.food-title{background-color:rgba(255,204,188,.7);border-radius:25px;color:#b71c1c;font-size:2rem;font-weight:400;margin-bottom:-3.5rem;padding:.5rem;position:relative;text-align:center;top:-5rem;width:30rem}img{margin-bottom:6rem;object-fit:cover}.shadow:after,img{border-radius:5rem;height:25rem;width:30rem}.shadow:after{box-shadow:inset 5px 5px 25px 5px #000;content:"";display:block;margin-top:2rem;mix-blend-mode:darken;opacity:.5;position:absolute;top:0}.recipe a{background-color:#b71c1c;border:none;border-radius:25px;color:rgba(255,204,188,.7);font-size:2rem;height:2.5rem;padding:.3rem 0 0;text-align:center;text-transform:uppercase;transition:all .5s}.recipe a:hover{color:#fff}.recipe button{background-color:#b71c1c;border:none;border-radius:25px;color:rgba(255,204,188,.7);font-size:2rem;height:3rem;margin-bottom:1rem;text-transform:uppercase;transition:all .5s}.recipe button:hover{color:#fff}.ingredient-list{background-color:#f0f0f0;border-radius:.5rem;margin:1rem 0;padding:.5rem}.ingredient-list li{margin:.5rem 0}.ingredient-text{color:#888;font-size:1.5rem}.ingredient-weight{color:#b71c1c;font-size:1.3rem}@media only screen and (max-width:900px){.search-form{flex-direction:column;padding:1rem 0}.search-form input[type=text]{margin-bottom:1rem}.search-form input[type=submit]{width:40%}}@media only screen and (max-width:390px){h1{margin-bottom:25px}}
/*# sourceMappingURL=main.4e986bee.css.map*/