@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";@import"https://fonts.googleapis.com/css2?family=Sansation:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";body{font-family:Sansation,sans-serif;background-color:brown;color:#ffd900}*{margin:0;padding:0}h1{font-family:Permanent Marker,sans-serif}.site-header{font-size:1.2rem}#root{width:100%;max-width:1200px;position:relative;margin:0 auto;text-align:center;min-height:100dvh}.recipe-viewer{outline:solid black 2px;background-color:#ffff70;color:#000;display:flex;flex-direction:row;justify-content:space-between;border-radius:8px;overflow:hidden;padding:1em}.recipe-viewer h3{margin-bottom:1rem;margin-top:1rem}.recipe-image{width:40%;object-fit:cover;border-radius:8px 0 0 8px}.recipe-description{width:60%;text-align:left;background-color:#ffffff6e;border-radius:0 8px 8px 0;position:relative}.recipe-description h3{margin-left:2em}.recipe-description .tag{margin-left:3em}.next-recipe-button{position:absolute;bottom:0;font-size:1.2rem;right:0;padding:1em 3em;background-color:#ff4500;color:#fffe;border:none}.next-recipe-button:hover{background-color:orange}.next-recipe-button:active{transform:scale(.9)}.recipe-title{text-align:center;font-size:2.4rem;margin-bottom:2rem;margin-top:1rem}.recipe-title a{text-decoration:none;color:inherit}.recipe-title a:hover:after{content:"External Link";font-size:small;color:gray}.recipe-title a:active{color:red}.ingredient-list{columns:3;column-gap:2rem;list-style:none;margin-bottom:5rem}.ingredient-list>*{margin-bottom:.5rem}.starburst.primary{width:200px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#ff4500;clip-path:polygon(100% 50%,78.98% 57.76%,93.3% 75%,71.21% 71.21%,75% 93.3%,57.76% 78.98%,50% 100%,42.24% 78.98%,25% 93.3%,28.79% 71.21%,6.7% 75%,21.02% 57.76%,0% 50%,21.02% 42.24%,6.7% 25%,28.79% 28.79%,25% 6.7%,42.24% 21.02%,50% 0%,57.76% 21.02%,75% 6.7%,71.21% 28.79%,93.3% 25%,78.98% 42.24%)}.starburst.secondary{display:flex;align-items:center;justify-content:center;background-color:orange;width:180px;aspect-ratio:1;transform:scale(1);clip-path:polygon(100% 50%,78.98% 57.76%,93.3% 75%,71.21% 71.21%,75% 93.3%,57.76% 78.98%,50% 100%,42.24% 78.98%,25% 93.3%,28.79% 71.21%,6.7% 75%,21.02% 57.76%,0% 50%,21.02% 42.24%,6.7% 25%,28.79% 28.79%,25% 6.7%,42.24% 21.02%,50% 0%,57.76% 21.02%,75% 6.7%,71.21% 28.79%,93.3% 25%,78.98% 42.24%);font-weight:800}.starburst.primary{animation:spin 10s linear forwards infinite}.starburst .text{animation:spin 10s linear reverse infinite}.starburst.primary:hover{cursor:pointer;background-color:orange}.starburst.primary:hover .starburst.secondary{background-color:#ff4500}.starburst:hover .text{color:#fff}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.ban-list-container{display:flex;align-items:center;gap:1rem}.ban-list-container>p{text-wrap:nowrap}.ban-list{width:100%;display:flex;list-style:none;padding:1rem;outline:dashed black 2px;flex-wrap:nowrap;overflow-x:scroll;scrollbar-width:none;gap:1em;margin:1rem 0;background-color:#802121;-webkit-mask:linear-gradient(90deg,#0000,#000 0% 96%,#0000)}.tag{border-radius:20px;display:block;text-wrap:nowrap;padding:.5em 1em;text-transform:capitalize;border:none;outline:solid black 2px;font-weight:600;cursor:pointer}.tag.origin{background-color:#f17f29}.tag.category{background-color:#ffd900}.tag.ingredient{background-color:#b4c5e4}.tag:hover{transform:scale(1.1)}.tag:active{transform:scale(.9);filter:brightness(85%)}.history{margin-top:2rem}.history-viewer{margin-top:1rem;margin-bottom:3rem;display:flex;gap:3rem;padding:1rem;background-color:#802121;overflow-x:scroll;scrollbar-width:none;-webkit-mask:linear-gradient(90deg,#0000,#000 0% 96%,#0000)}.history-card{background-color:#fff;color:#000;width:150px;height:200px;min-width:150px;font-size:.9rem;display:flex;align-items:end;justify-content:center;background-size:cover;border-radius:1rem;overflow:hidden}.history-card a{color:inherit;text-decoration:none;color:#fff;display:block;width:100%}.history-card h3{padding:0;margin:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,#000 100%);display:flex;align-items:end;padding-bottom:1rem}.history-card img{width:100%;max-width:150px}.site-footer{text-align:center;bottom:0;width:100%;margin-bottom:1rem;font-weight:600}.site-title,.site-footer{text-shadow:0px 0px 10px black}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#fce6e6;cursor:pointer;text-decoration:none}.site-moto{font-style:italic;color:#e0e0e0;text-shadow:none}.site-nav{display:flex;justify-content:space-between;margin-bottom:2rem}