@import url(https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap);:root{--highlight-color:#d13267;--primary-color:#58249c}#root,body,html{height:100%}body{background:#dfdfdf;color:#fff;font-family:fira-sans,sans-serif;font-size:1em}body,h1,h2,h3,p{margin:0}input,textarea{background-color:#fff;border:1px solid #d4d4d4;border-radius:4px;box-sizing:border-box;color:#333;display:block;font-size:1em;padding:8px;width:100%}.page-title{color:#e4e4e4;margin:40px auto 10px;text-align:center}.error,.loading{margin:40px auto;text-align:center}.btn{background:#fff;border:1px solid #58249c;border:1px solid var(--primary-color);border-radius:4px;color:#58249c;color:var(--primary-color);cursor:pointer;font-size:1em}.btn:hover{background-color:#58249c;background-color:var(--primary-color);color:#fff}.list{grid-gap:10px;display:grid;grid-template-columns:1fr;margin:40px auto;max-width:1200px}.list .header{color:#fff;display:grid;font-size:1em;padding:15px}.list .card{background:#fff;border-radius:4px;box-shadow:3px 3px 3px #0000000d;color:#333;padding:15px;position:relative;transition:all .3s ease}.list .card h3{color:#555;margin-bottom:6px}.list .card p,.list .card ul{word-wrap:break-word;color:#999;font-size:1em;word-break:break-all}.list .card div{color:#555;font-size:.7em;line-height:1.5em;margin:20px 0}.list .card a{background:#e2e2e2;border-radius:4px;color:#555;display:block;font-size:1em;margin:20px auto 0;padding:8px;text-align:center;text-decoration:none;width:100px;width:120px}.list .card.dark{background:#555}.list .card.dark div,.list .card.dark h3,.list .card.dark ol,.list .card.dark p,.list .card.dark ul{color:#e4e4e4}.form{grid-gap:10px;color:#e4e4e4;grid-template-columns:1fr}.form,.recipes-list{display:grid;margin:40px auto;max-width:1200px}.recipes-list{grid-gap:40px;grid-template-columns:1fr 1fr 1fr}@media screen and (max-width:900px){.recipes-list{grid-gap:40px;display:grid;grid-template-columns:1fr;margin:40px auto;max-width:1200px}}.recipe{margin:0 auto;max-width:900px;text-align:center}.recipe ul{justify-content:center;margin-top:0;padding:0}.recipe li{color:#e4e4e4;list-style-type:none;margin-right:10px}.create{color:#e4e4e4;margin:60px auto;max-width:480px}.create label span{display:block;margin:30px 0 10px}.create p{font-size:.8em;margin-top:10px}.create button{background-color:#58249c;border:0;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1em;margin:20px auto;padding:8px 20px;text-decoration:none;width:100px}.ingredients{align-items:center;display:flex}.ingredients button{margin:0 0 0 10px}.navbar{background:#58249c;color:#fff;padding:20px}.navbar nav{align-items:center;display:flex;margin:0 auto;max-width:1200px}.navbar a.brand{color:#fff;margin-right:auto;text-decoration:none}.navbar a:last-child{border:1px solid #fff;border-radius:4px;color:#fff;margin-left:1.1em;padding:8px;text-decoration:none}.navbar a:last-child:hover{background:#fff;color:#333}.navbar .navbutton{color:#fff;margin-left:1em;text-decoration:none}.App{min-height:100%}.App.dark{background:#333}.Container{margin:40px auto;max-width:1200px;padding:0 .2em}
/*# sourceMappingURL=main.392607ed.css.map*/