@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800&display=swap);#root,body,html{height:100%}body{background:#dfdfdf;color:#333;font-family:Raleway,sans-serif;font-size:1.4em}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:#333}.error,.loading,.page-title{margin:40px auto;text-align:center}.dark .error,.dark .loading,.dark .page-title,.dark label{color:#e4e4e4}.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:40px;padding:8px;text-decoration:none}.navbar a:last-child:hover{background:#fff;color:#333}.searchbar form{align-items:center;display:flex}.searchbar input{margin-left:10px}.home{margin:60px auto;max-width:1200px}.recipe-list{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:40px auto;max-width:1200px}.recipe-list .card{background:#fff;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.05);color:#333;padding:20px;position:relative;transition:all .3s ease}.recipe-list .card:hover{-webkit-transform:rotate(3deg);transform:rotate(3deg)}.recipe-list .card h3{color:#555;margin-bottom:6px}.recipe-list .card p{color:#999;font-size:.9em}.recipe-list .card div{color:#555;font-size:.7em;line-height:1.5em;margin:20px 0}.recipe-list .card a{background:#e2e2e2;border-radius:4px;color:#555;display:block;font-size:.9em;margin:20px auto 0;padding:8px;text-align:center;text-decoration:none;width:100px;width:120px}.delete{cursor:pointer;-webkit-filter:invert(60%);filter:invert(60%);position:absolute;right:10px;top:10px}.recipe-list .card.dark{background:#555}.recipe-list .card.dark div,.recipe-list .card.dark h3,.recipe-list .card.dark p{color:#e4e4e4}.create{color:#555;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}.recipe{background:#fff;box-sizing:border-box;margin:40px auto;max-width:1200px;padding:40px;text-align:center}.recipe ul{display:flex;justify-content:center;margin-top:0;padding:0}.recipe li{color:#777;list-style-type:none;margin-right:10px}.recipe li:after{content:","}.recipe li:last-child:after{content:"."}.method{line-height:1.5em;text-align:left}.recipe.dark{background:#555;color:#e4e4e4}.ing.dark,.method.dark,.recipe.dark,.time .dark{color:#1c1e2c}.page-title.dark{color:#531e1e}.App{min-height:100%}.App.dark{background:#333}.theme-selector{align-items:center;display:flex;justify-content:flex-end;margin:20px auto;max-width:1200px}.theme-buttons div{border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin-left:15px;width:20px}.mode-toggle{margin-right:auto}.mode-toggle img{cursor:pointer;height:24px;width:24px}
/*# sourceMappingURL=main.ea8ad28a.css.map*/