body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.form-container{width:50%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:90vh}.form-container h1{font-size:2.2rem;text-align:center}.form,.form-label,.recipe-form,.recipe-form-label{display:flex;flex-direction:column;text-align:center}.form-label,.recipe-form-label{font-size:1.8rem;margin:16px 0;padding:16px}.form-input,.recipe-form-input{font-size:2rem;margin:16px 0;border:none;border-bottom:2px dashed #000;text-align:center;outline:none;padding:8px}.form-btn,.recipe .recipe-btn{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:1.8rem;padding:12px;border-radius:16px;border:none;background-color:#1e90ff;outline:none}.form-btn:enabled,.recipe .recipe-btn:enabled{box-shadow:5px 5px 1px 1px #4169e1;cursor:pointer}.form-btn:enabled:hover,.recipe .recipe-btn:enabled:hover{position:relative;top:5px;left:5px;box-shadow:none}.form-btn:disabled,.recipe .recipe-btn:disabled{-webkit-filter:grayscale(30%);filter:grayscale(30%)}.error{font-size:.8rem;color:red}.navbar{color:#f5f5f5;display:flex;background-color:#1f2935;justify-content:space-between;align-items:center;padding:0 2%}.navbar a{color:#f5f5f5;font-size:2.5rem;text-decoration:none;font-family:serif}.navbar .navbar-links{display:flex;width:25%;justify-content:space-between}.navbar .navbar-links a{color:#f5f5f5;font-size:1.5rem}.dashboard{margin:2%;display:flex;flex-direction:column;align-items:center}.dashboard h1{align-self:flex-start}.dashboard .recipe-list{display:flex;flex-direction:column}.searchbar{margin:16px 0;box-shadow:0 4px 10px rgba(0,0,0,.3),inset 0 0 1px rgba(0,0,0,.05);font-size:1.8rem;border:none;border-radius:32px;padding:5px 30px;outline:none}.searchbar::-webkit-input-placeholder{font-size:1.5rem;color:rgba(0,0,0,.4)}.searchbar:-ms-input-placeholder{font-size:1.5rem;color:rgba(0,0,0,.4)}.searchbar::-ms-input-placeholder{font-size:1.5rem;color:rgba(0,0,0,.4)}.searchbar::placeholder{font-size:1.5rem;color:rgba(0,0,0,.4)}.backdrop,.edit-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1}.edit-modal,.modal{max-width:400px;margin:0 auto;padding:40px 20px;background:#f5f5f5;border-radius:10px;text-align:center}.recipe{border:2px solid #1f2935;margin:32px 0;padding:5%;box-shadow:3px 3px 2px 2px rgba(0,0,0,.7);position:relative}.recipe h2{text-align:center;font-size:1.8rem}.recipe div{font-size:1.5rem;margin:8px 0}.recipe .recipe-btn{display:inline-block;font-size:1rem;width:140px;margin-right:16px;margin-top:32px}.recipe .recipe-edit{position:absolute;top:10px;margin:0;right:40px;font-size:2rem;cursor:pointer}.edit-backdrop{position:absolute;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.edit-modal{max-width:1200px;margin:150px auto}.edit-modal input{background-color:#f5f5f5}
/*# sourceMappingURL=main.7f1230c0.chunk.css.map */