@import url(https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box}button:active{transform:translate(1px,1px)}a{cursor:auto}li,p{font-family:"Balsamiq Sans",cursive}h2{font-family:"Dancing Script",cursive;letter-spacing:2px;font-weight:500}h4{font-family:"Balsamiq Sans",cursive;letter-spacing:3px}.App{display:flex;flex-direction:column;margin:1vw}.header-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid grey;box-shadow:1px 1px 5px grey}.title{font-size:3vw;margin-left:2vw;font-family:"Dancing Script",cursive;letter-spacing:7px;text-shadow:1px 1px 2px grey}.search-bar{height:4vh;font-size:1.5vw;padding:1.5vw;box-shadow:1px 1px 5px grey;outline:none;opacity:.5;border-radius:18px;width:40vw;transform:translateX(-5vw)}.search-bar:focus{opacity:1}.error{border:2px solid red;font-weight:700}.submit-btn{color:#fff;font-weight:700;letter-spacing:.3vw;padding:.75vw;margin-right:2vw;font-size:1vw;cursor:pointer;background:#111;outline:none;box-shadow:1px 1px 2px grey}.submit-btn:hover{background:#292929}.home-btn{font-weight:700;padding:.5vw;font-size:3vw;margin:.5vw 3vw 0 -2vw;cursor:pointer;background:none;outline:none;border:none}.home-btn:hover{color:#999}.home-container{position:absolute;transform:translate(-4.65vw,2vw);right:0}.home-container p{font-size:1vw;transition:all .5s}.recipe-container{display:flex;margin-bottom:2vw;justify-content:center;align-items:center;flex-wrap:wrap}.recipe-card{width:300px;max-height:44vh;background-image:url(https://cdn.iconscout.com/icon/premium/png-256-thumb/cooking-1562654-1324094.png);background-repeat:repeat;background-size:cover;background-position:bottom;transition:all .4s;margin:1vw;box-shadow:3px 0 10px grey}.recipe-card:hover{opacity:.8;transform:scale(1.05)}.card-img-wrapper{border-radius:8px;display:flex;justify-content:center}.card-img{width:100%;max-height:34vh;cursor:pointer}.recipe-title-wrapper{display:flex;align-items:center;justify-content:center;background:#000;opacity:.7;height:auto;z-index:1;overflow:auto;margin-top:-4.6vh;transform:translateY(-4vh)}.recipe-title{color:#fff;overflow:auto}.card-footer{opacity:.95;height:6vh;display:flex;padding:1.8vw;justify-content:space-between;align-items:center;transform:translateY(-5vh);background:#fff}.card-star{font-size:20px;transition:all .4s}.card-star:hover{transform:rotate(1turn)}.card-fave-btn{background:none;border:none;outline:none;cursor:pointer;transition:all .2s;transform:translateY(-5px)}.card-fave-btn:hover{color:gold}.recipe-btn{font-family:"Dancing Script",cursive;color:#fff;font-weight:700;letter-spacing:2px;padding:.5vw;cursor:pointer;background:#111;outline:none;transform:translateY(-5px)}.recipe-btn:hover{background:#585858}.popup-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:.5vw;width:50%;z-index:1;background:#fff;border-radius:8px;box-shadow:2px 2px 10px grey;transition:all .5s}.popup-container,.popup-header-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup-header-container{width:100%;box-shadow:1px 1px 5px grey}.x-container{display:flex;align-self:flex-end}.popup-header-container button{background:none;border:none;outline:none;font-size:2vw;cursor:pointer}.popup-header-container button:hover{color:#dc143c}.popup-header-container h1{font-family:"Dancing Script",cursive;padding-bottom:15px;width:80%;text-align:center;letter-spacing:5px;font-size:2.5vw;text-shadow:1px 1px 2px grey;word-wrap:normal;border-bottom:1px solid #000}.popup-header-container h4{font-size:1vw;letter-spacing:4px;line-height:1.5vw;font-style:italic;margin-left:2vw;transform:translateY(-.5vw)}.label-container{display:flex;justify-content:center;align-items:center}.popup-img-text-container{width:100%;display:flex;justify-content:space-between}.ingredients-container{color:#fff;padding:2vw;width:50%;max-height:25vw;overflow-y:scroll;background:#555}.ingredients-container li{padding:.5vw;border-bottom:1px solid grey;color:#fff}.popup-img-container{margin-top:3vw;max-height:20vw;width:50%;box-shadow:1px 1px 5px grey;border-radius:8px}.popup-img-container img{width:100%;height:100%}.popup-link-container{display:flex;align-items:center;justify-content:center}.url-btn{margin:1vw;color:#fff;font-weight:700;letter-spacing:5px;padding:.75vw;font-size:1vw;cursor:pointer;background:#111;outline:none;box-shadow:1px 1px 2px grey}.url-btn:hover{background:#292929}@media only screen and (max-width:500px){.header-wrapper{height:10vw}.search-bar{height:20px;margin-left:4vw;font-size:12px}.submit-btn{transform:translate(-3vw,-1vw) scale(1.5)}.home-btn{transform:scale(2)}.recipe-card{margin-top:3vh;width:75%;transform:translateX(10vw)}.card-footer{justify-content:center}.recipe-btn{display:none}.popup-container{transform:translate(-50%,-70%);width:75%}.popup-header-container{border:none;box-shadow:none}.x-container button{font-size:20px}.popup-header-container h1{font-size:28px}.popup-header-container h4{font-size:8px;line-height:15px;text-align:center}.ingredients-container{color:#fff;overflow-y:scroll;background:#555;width:100%}.popup-img-text-container{flex-direction:column}.ingredients-container li{font-size:12px}.ingredients-container h2{font-size:20px;margin-top:-5px}.ingredients-container h4{font-size:12px}.popup-img-container img{display:none}.url-btn{font-size:16px;margin-bottom:2vh}}
/*# sourceMappingURL=main.7e43569d.chunk.css.map */