@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);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}*{margin:0;padding:0}.logo-name{color:#f5f5f5;font-family:Dancing Script,cursive;font-size:40px;text-align:center}body{background-color:#cde1d9}.App{background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;width:auto}.search-bar{height:30px;width:300px}.search-button{height:34px}.recipe-list{flex-wrap:wrap}.recipe h1,.recipe-list{display:flex;justify-content:center}.recipe h1{align-items:center;color:#e63b4a;min-height:80px;text-align:center}.recipe-container,.recipe-container2{background-color:#f7db7f;border-radius:15px;box-shadow:0 10px 4px rgba(0,0,0,.1);margin:4vh 5vh;position:relative}.recipe-container{min-height:50vh;width:40vh}.recipe-container2{-webkit-animation:growsize .5s ease-in-out;animation:growsize .5s ease-in-out;margin:10vh}@-webkit-keyframes growsize{0%{-webkit-transform:scale(.5);transform:scale(.5)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes growsize{0%{-webkit-transform:scale(.5);transform:scale(.5)}60%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}.recipe-desc,.recipe-info{margin:2vh 5vh}.recipe-desc{text-align:center}.recipe-desc p{min-height:200px}.recipe-info h3{color:#e63b4a;text-align:center}.recipe-desc p{font-size:1.2rem;font-weight:700;z-index:10}input{border:none;border-radius:15px;box-shadow:0 10px 4px rgba(0,0,0,.1);margin-right:5px;padding:5px}.recipe-btn button{overflow:hidden;position:relative}.recipe-btn button:before{background-color:#fff;content:"";height:260px;margin:-100px -8px;position:absolute;-webkit-transform:rotate(60deg);transform:rotate(60deg);width:30px}.recipe-btn button:hover:before{-webkit-animation:animate 2s linear infinite;animation:animate 2s linear infinite}@-webkit-keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes animate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.recipe-btn button:after{background-color:#e63b4a;border-radius:15px;content:"Lets Cook!";inset:3px;padding-top:6px;position:absolute}button{box-shadow:0 10px 4px rgba(0,0,0,.1);padding:5px 10px}.recipe-btn button,button{background-color:#e63b4a;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700}.recipe-btn button{margin:2vh 5vh;padding:10px;transition:.3s linear;width:40%}.recipe{border-radius:15px;padding:6px}.small-info{display:flex;flex-wrap:wrap;justify-content:space-around}ul{padding-left:10px}.popup{background:rgba(49,49,49,.8);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:10}.close-btn button{background-color:#e63b4a;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:5px 10px;position:absolute;right:10px;top:10px;transition:.3s linear}.instruct-desc ul{list-style-type:value}
/*# sourceMappingURL=main.861e9ef7.css.map*/