@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Josefin+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;1,100;1,200;1,300&display=swap);#root,body,html{height:100%}body{background:#ffeedb;background-image:url(https://www.transparenttextures.com/patterns/pineapple-cut.png);color:#0a1d37;font-family:Josefin Sans,sans-serif;font-size:1.4em;margin:0}h1,h2{font-weight:600;margin:0}h3,p{font-weight:300;margin:0}input,textarea{background-color:#ffd8cc;border:1px solid #ffd8cc;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.05);box-sizing:border-box;color:#333;display:block;font-size:1em;padding:8px;width:100%}input:focus,textarea:focus{border-color:#0a1d37;outline:none}.page-title{color:#0a1d37}.error,.loading,.page-title{margin:40px auto;text-align:center}.error.dark,.loading.dark,.page-title.dark{color:#ffbd9b}.auth-form{background:#ffeedb;border:1px solid #ddd;border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,.05);margin:60px auto;max-width:360px;padding:40px}.signup-header{display:flex;justify-content:center}.auth-form h2{margin-bottom:.5rem}.btn{background:#0a1d37;border:1px solid #ffeedb;border-radius:6px;box-shadow:3px 3px 3px rgba(0,0,0,.05);color:#ffeedb;font-size:large;margin:2rem 0;padding:.5rem 1rem;text-decoration:none}.btn:hover{background:#ffeedb;border:1px solid #0a1d37;color:#0a1d37;cursor:pointer}.navbar{background:#0a1d37;color:#fff;padding:1rem}.navbar.dark{background:#044343}.navbar.dark .createBtn,.navbar.dark .icon,.navbar.dark a.brand{color:#ffbd9b}.navbar.dark .createBtn:hover{background:#ffbd9b;color:#044343}.icon{color:#ffd8cc;padding:0 1rem}.navbar nav{align-items:center;display:flex;margin:0 auto}.navbar a.brand{color:#ffd8cc;font-family:Amatic SC,cursive;font-size:large;letter-spacing:2px;margin-right:auto;text-decoration:none}.navbar .createBtn{border:1px solid #ffd8cc;border-radius:5px;color:#ffd8cc;font-size:small;margin:0 2rem;padding:8px;text-decoration:none}.navbar .createBtn:hover{background:#ffd8cc;color:#0a1d37}.loginBtn{color:#ffd8cc;font-size:small;list-style:none;padding-left:.5rem;text-decoration:none}.home{margin:60px auto;max-width:80vw}.recipe-list{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr 1fr;margin:0 auto;max-width:80vw}.recipe-list .card{background:#ffd8cc;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.05);color:#0a1d37;padding:20px;position:relative;transition:all .3s ease}.delete{cursor:pointer;-webkit-filter:invert(60%);filter:invert(60%);position:absolute;right:1rem;top:1rem}.recipe-list .card.dark{background:#044343}.recipe-list .card.dark a,.recipe-list .card.dark div,.recipe-list .card.dark h3{color:#ffbd9b}.recipe-list .card.dark a{background:#ffbd9b;color:#222}.recipe-list .card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.recipe-list .card h3{color:#0a1d37;margin-bottom:6px}.recipe-list .card p{color:#999;font-size:.9em}.recipe-list .card div{color:#0a1d37;font-size:.7em;line-height:1.5em;margin:20px 0}.recipe-list .card a{background:#0a1d37;border-radius:4px;color:#ffd8cc;display:block;font-size:.9em;margin:20px auto 0;padding:8px;text-align:center;text-decoration:none;width:120px}.message{background:#ffd8cc;height:200px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:500px}.create{color:#555;margin:60px auto;max-width:480px}.create.dark h2,.create.dark label span,.create.dark p{color:#ffbd9b}.create.dark button,.create.dark input,.create.dark textarea{background-color:#ffbd9b;color:#222}.create.dark button:hover{background-color:#222;border:1px solid #ffd8cc;color:#ffbd9b}.create label span{display:block;margin:30px 0 10px}.create p{font-size:.8em;margin-top:10px}.create button{background-color:#0a1d37;border:0;border-radius:4px;color:#ffd8cc;cursor:pointer;display:block;font-size:1em;margin:1rem auto;padding:8px 20px;text-decoration:none}.create button:hover{background:#ffd8cc;border:1px solid #0a1d37;color:#0a1d37}.ingredients{align-items:center;display:flex}.ingredients button{margin:0 0 0 1rem}.recipe{background:#ffd8cc;box-sizing:border-box;margin:5rem auto;max-width:60vw;padding:40px;text-align:center}.recipe.dark{background:#044343}.recipe.dark,.recipe.dark h2{color:#ffbd9b}.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}.theme-selector{align-items:center;display:flex;justify-content:flex-start;margin:10px auto;max-width:95vw}.svg-theme{cursor:pointer;height:25px;width:25px}.App{min-height:100%}.App.dark{background:#222 url(https://www.transparenttextures.com/patterns/stardust.png)}
/*# sourceMappingURL=main.5cc8398c.css.map*/