@import url(https://fonts.googleapis.com/css2?family=Fredoka+One&family=Montserrat&display=swap);*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;border:0;font-size:16px;margin:0;padding:0;vertical-align:initial}footer,header,main,nav,section{display:block}body{line-height:1}ol li,ul li{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*{font-family:Montserrat,Arial;font-size:16px}main{margin:0 auto;min-height:90vh;width:95%}.title{font-size:2rem;margin:2rem auto;text-align:center}.loader{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#2e1845;height:120px;margin:5rem auto;width:120px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}header{background-color:#fbfc88;padding:1rem 0}header .header-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;width:90%}header h1 a{align-items:center;background-color:transparent;color:#2e1845;display:flex;font-family:Fredoka One,Arial;font-size:1.5rem;letter-spacing:4px;position:relative;text-decoration:none}header h1 a:after{background:#2e1845;content:"";display:block;height:2px;left:50%;position:absolute;top:100%;transition:width .3s ease 0s,left .3s ease 0s;width:0}header h1 a:hover:after{left:0;width:100%}header form{display:flex;justify-content:center;max-width:300px;width:60%}header form input{background-color:#fff;border:1px solid #2e1845;border-radius:4px 0 0 4px;height:30px;text-indent:.5rem;width:70%}header form input:focus,header form input:focus-visible{outline:0}header form button{background-color:#2e1845;border:0;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-weight:700;height:30px;letter-spacing:.5px;padding:0 10px;transition:all .3s ease-in-out}header form button:hover{background-color:#b6a9c4;color:#000}@media screen and (min-width:768px){.header-wrapper{margin:0 auto;width:90%}header h1 a{font-size:2rem}}@media screen and (min-width:1025px){.header-wrapper{max-width:1025px}header form{justify-content:flex-end}}.card-section{display:flex;flex-wrap:wrap;justify-content:space-evenly}.card-section .card-wrapper{margin:0 auto 2rem;max-width:300px;transition:all .3s ease-in-out;width:45%}.card-section .card-wrapper:hover .card-info{background-color:#2e1845}.card-section .card-wrapper:hover img{opacity:.2}.card-section .card-wrapper:hover .card-description{opacity:1}.card-section .card-wrapper:hover .no-overlay,.card-section .card-wrapper:hover .no-overlay img{background-color:#b6a9c4;opacity:1;padding:0}.card-section .card-wrapper a{display:block;text-decoration:none}.card-section .card-wrapper h1{color:#2e1845;font-size:1.3rem;line-height:1.3;margin-top:1rem;padding:0 .5rem;text-align:center}.card-section .card-wrapper .card-info{align-items:center;background-color:#b6a9c4;border-radius:8px;display:flex;height:100%;justify-content:center;padding:1rem;position:relative;transition:all .3s ease-in-out}.card-section .card-wrapper img{border-radius:8px;transition:all .3s ease-in-out;width:100%}.card-section .card-wrapper .card-description{align-items:center;bottom:0;display:flex;height:100%;left:0;opacity:0;padding:1rem;position:absolute;right:0;top:0;transition:all .3s ease-in-out;width:100%}.card-section .card-wrapper .card-description p{color:#fff;font-size:11px;line-height:1.3;text-align:center;width:100%}@media only screen and (min-width:768px){.card-section{margin:0 auto;width:90%}.card-section .card-wrapper{margin-bottom:3rem}}@media screen and (min-width:1025px){.card-section{max-width:1025px}.card-section .card-wrapper{width:30%}.card-section .card-wrapper .card-description p{font-size:14px}}.recipe-wrapper{margin:2rem auto 0;width:90%}.subheading{font-size:1.3rem;margin:2rem auto 1rem}.recipe-info{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.recipe-info .recipe-title{line-height:1.3;margin:2rem auto 1rem}.recipe-info .recipe-image{border-radius:1rem;margin:1rem auto;width:100%}.recipe-info h2{font-size:1.3rem;margin:0 auto 1rem;text-align:center;width:100%}.recipe-info .recipe-tags{margin:1.5rem auto 1rem}.recipe-info .recipe-tags .tag{background-color:#f9faa7;border-radius:10px;margin:0 8px 0 0;padding:8px}.recipe-ingredients-wrapper .ingredients-list li{line-height:1.3;margin:1rem 0}.recipe-ingredients-wrapper .ingredients-list li .ingredient-label{align-items:center;cursor:pointer;display:flex;transition:.2s ease-in-out}.recipe-ingredients-wrapper .ingredients-list li .ingredient-label:before{background-color:#fff;border:2px solid #2e1845;content:"";display:block;height:1rem;margin-right:1rem;min-width:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:.2s ease-in-out;width:1rem}.recipe-ingredients-wrapper .ingredients-list li .checked:before{background-color:#b6a9c4;border:2px solid #fff;outline:1px solid #2e1845}.recipe-instructions li{line-height:1.5;list-style:decimal;list-style-position:inside;margin:.5rem 0}.recipe-instructions li::marker{font-weight:700}@media only screen and (min-width:768px){.recipe-wrapper{max-width:580px}.recipe-info{flex-wrap:nowrap;justify-content:flex-start}.recipe-info .recipe-title,.recipe-info h2{text-align:left}.recipe-info .recipe-image{margin:1rem 3rem 1rem 0;max-width:300px;order:1;width:40%}.recipe-info .recipe-summary{order:2}.recipe-info .recipe-tags{order:3;text-align:left}.recipe-ingredients-wrapper .ingredients-list{-webkit-columns:2;column-count:2}.recipe-ingredients-wrapper .ingredients-list li{margin:0 0 1rem}}@media screen and (min-width:1025px){.recipe-wrapper{max-width:780px}}footer{background-color:#fbfc88;color:#2e1845;margin:4rem 0 0;padding:1rem 0;text-align:center}footer p{margin:1rem auto}
/*# sourceMappingURL=main.beec55ed.css.map*/