*{background:#31a5da}.App{margin:0;font-family:sans-serif;text-align:center;position:relative;min-height:100vh;display:flex;justify-content:center;font-size:cal(10px + 2vmin);color:#fff}.appHeader legend{background:#ff32d2}.appHeader span{font-size:40px;font-weight:500;color:#fff}.container{display:flex;flex-wrap:wrap;justify-content:center}.recipe{margin:20px;width:210px;height:250px;padding:20px;flex-direction:column;display:flex;flex:1 1 200px;justify-content:space-between;align-items:center;background:#ff32d2;border-radius:9px;box-shadow:0 5px 2px 0 rgba(190,20,190,.5)}.recipe:hover{visibility:visible;visibility:initial}.recipe p{margin:0;font-size:15px;background:#ff32d2}.recipe span{font-size:22px;font-weight:200;background:#ff32d2}.recipe img{margin:15px;width:120px;height:100px;border-radius:15px;justify-content:center;align-items:center}.picks{position:relative;overflow-y:auto;top:30px;visibility:hidden;transition:.5s;opacity:0}.recipe:hover .picks{visibility:visible;visibility:initial;top:0;opacity:1}.appHeader{margin:0 54px}.btn input{width:250px;height:25px;border-radius:9px;border:0;box-shadow:0 5px 2px 0 rgba(190,20,190,.5);background:#fff}.btn button,.btn input{padding:10px;margin:20px}.btn button{width:80px;height:45px;border-radius:20px;color:#fff;background:#ff32d2;border:0;outline:none;cursor:pointer}
/*# sourceMappingURL=main.ea9bf553.chunk.css.map */