@import url(https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap);@import url(https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap);@import url(https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap);*{border:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:18px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}body{background:url(/static/media/body-bg.7b89a773c740c8f939d4.jpeg) 50% 50% no-repeat;background-attachment:fixed;background-color:#303030;background-size:cover;min-height:100vh}@media (max-width:800px){body{background:url(/static/media/body-bg-media-800.2499cf4285467214c16f.jpeg) 50% 50% no-repeat;background-attachment:fixed;background-color:#303030;background-size:cover;min-height:100vh}}.container{margin:0 auto;max-width:1200px}.header{color:#fff;font-family:Lobster Two,cursive;font-size:44px;margin:20px 0;padding:0 10px;text-align:center;text-shadow:4px 3px 5px #000}@media (max-width:800px){.header{font-size:30px}}.instruction{color:#fff;font-family:Shadows Into Light,cursive;font-size:34px;letter-spacing:1px;padding:0 10px;text-align:center;text-shadow:4px 4px 4px #000}@media (max-width:800px){.instruction{font-size:24px}}.input-search{margin:30px 0 0;padding:0 10px;text-align:center}.input-search input{border-radius:5px;font-family:Indie Flower,cursive;font-size:18px;font-weight:700;max-width:800px;min-width:300px;padding:5px}.button-search{margin:20px 0 0;text-align:center}.button-search button{border-radius:10px;padding:5px}.card-container,.recipe-card{align-items:center;display:flex;flex-direction:column}.recipe-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.192);border:1px solid rgba(43,43,43,.568);border-radius:15px;flex:1 1 auto;margin:10px 0;max-width:500px}.recipe-card .card-header{color:#fff;font-family:Shadows Into Light,cursive;font-size:40px;margin:20px 0;padding:0 10px;text-align:center}.recipe-card .card-image img{padding:0 10px;width:500px}@media (max-width:800px){.recipe-card .card-image img{width:300px}}.recipe-card .card-info{padding:0 20px;width:100%}.recipe-card .card-info .card-info-calories{color:#fff;font-family:Indie Flower,cursive;font-size:34px;margin:20px 0;text-align:center}.recipe-card .card-info .card-info-ingredients li{color:#fff;font-family:Indie Flower,cursive;font-size:24px;max-width:500px;padding:0 0 10px 36px;position:relative}.recipe-card .card-info .card-info-ingredients li:last-child{padding:0 0 0 36px}.recipe-card .card-info .card-info-ingredients li:before{background:url(/static/media/beaker-check-outline.127dfc0490b964364988.svg) no-repeat;content:"";height:24px;left:0;position:absolute;top:-2px;width:24px}@media (max-width:800px){.recipe-card{width:320px}}.recipe-card .btn{background:transparent;background-color:#fff;border:2px solid #666;border-radius:6px;color:#666;cursor:pointer;display:block;font:inherit;line-height:normal;margin:20px 0;overflow:visible;padding:10px 36px 14px;text-decoration:none;text-transform:uppercase;transition:all .5s ease;-moz-user-select:text}.recipe-card .btn:-moz-focus-inner{border:0;padding:0}.recipe-card .btn--stripe{overflow:hidden;position:relative}.recipe-card .btn--stripe:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:repeating-linear-gradient(45deg,#666,#666 1px,transparent 2px,transparent 5px);background-size:7px 7px;border-top:1px solid #666;bottom:0;content:"";display:block;height:7px;left:0;position:absolute;width:100%}.recipe-card .btn--stripe:hover{background-color:#666;border-color:#000;color:#fff}.recipe-card .btn--stripe:hover:after{-webkit-animation:stripe-slide 12s linear infinite forwards;animation:stripe-slide 12s linear infinite forwards;background-image:repeating-linear-gradient(45deg,#fff,#fff 1px,transparent 2px,transparent 5px);border-top:1px solid #000}.recipe-card .btn--large{width:50%}.recipe-card .btn--radius{border-radius:36px}@-webkit-keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}@keyframes stripe-slide{0%{background-position:0 0}to{background-position:100% 0}}
/*# sourceMappingURL=main.d5011b96.css.map*/