@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700&display=swap);*{font-family:"Source Sans Pro",sans-serif;margin:0;padding:0;text-decoration:none;list-style-type:none;outline:none}html{font-size:62.5%}.App{display:flex;flex-direction:column;align-items:center;height:100vh;text-align:center}h1{font-size:4rem!important;letter-spacing:.1rem;font-style:italic;color:#00bcd4;text-shadow:0 .2rem 5rem #777373;text-transform:uppercase;margin:4rem 0;font-weight:900!important}.search-form{width:60rem;height:10rem;display:flex;justify-content:center;align-items:center;background-color:#d3d3d3;border-radius:.5rem;margin-bottom:5rem;box-shadow:1rem 2rem 5rem #aaa;position:relative;padding:10px 0}.alert{position:absolute;top:-3rem;left:0;background-color:#e94848;width:calc(100% - .4rem);border-radius:.5rem;padding:.2rem}.alert h3{font-size:1.8rem;color:#fff;font-weight:400;text-transform:uppercase;text-align:center}.search-form input{font-size:1.6rem;border:none;border-bottom:.1rem solid #ccc;margin:0 .5rem;border-radius:.5rem;height:3rem}.search-form input[type=text]{padding:0 .5rem;width:60%;color:#555}.search-form input[type=submit]{width:25%;text-transform:uppercase;background-color:#00bcd4;color:#fff}.recipes{width:90%;display:flex;align-items:center;flex-wrap:wrap;justify-content:center;align-items:flex-start}.recipe{width:30rem;margin:3rem;display:flex;flex-direction:column;background-color:#d3d3d3;padding:2rem;position:relative;box-shadow:2rem 3rem 5rem #aaa}.recipe,.recipe h2{border-radius:.5rem}.recipe h2{background-color:hsla(0,0%,63.1%,.7);padding:.3rem .5rem;position:absolute;top:2.5rem;left:2.5rem;right:2.5rem;font-size:2.5rem;font-weight:400;text-shadow:0 .5rem .5rem #555;color:#fff}.recipe img{border-radius:.5rem;object-fit:cover}.recipe a{font-size:1.8rem;color:#00bcd4}.recipe button{font-size:2rem;text-transform:uppercase;color:#fff;background-color:#00bcd4;border:none;border-radius:.5rem;height:3rem}.ingredient-list{margin-top:1rem;background-color:#f0f0f0;border-radius:.5rem;padding:.5rem}.ingredient-list li{margin:.5rem 0}.ingredient-text{font-size:1.5rem;color:#888}.ingredient-weight{color:#00bcd4;font-size:1.3rem}
/*# sourceMappingURL=main.722e2ad0.chunk.css.map */