body{margin:0;padding: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}.App,nav{text-align:center}nav{padding-bottom:.2em;padding-top:2em;background-color:#efefef;box-shadow:-3px 3px 10px 0 hsla(0,0%,65.9%,.7)}nav ul{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}li,p{font-size:2rem}ul{list-style:none}input,select,textarea{padding:.4em .2em;font-size:2rem}nav a,nav a:link{text-decoration:none;font-size:2.5rem;font-weight:100}.active{font-weight:700}.form{display:flex;align-items:center;justify-content:center;flex-direction:column}.delete-button{color:red;cursor:pointer}.main-title{padding:.5em;color:#1eaedb;margin:0;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.cards{display:grid;margin:1.5em 3em;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-auto-rows:150px;grid-auto-flow:row dense;grid-gap:2em;grid-auto-rows:300px}.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:-3px 3px 10px 0 hsla(0,0%,65.9%,.4);text-align:center;background:#ddd;transition:all .3s}.card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.card:after{content:"";position:absolute;width:100%;height:100%;background-color:#000;opacity:.25;transition:opacity .3s ease-in-out}.card:hover:after{opacity:0}.card-text{position:relative;z-index:1;color:#272525;background:#f5f5f5;letter-spacing:1px}.card-text a{text-decoration:none}.card-text h4{margin:0;padding:.2em}.Lunch{background:#24c6dc;background:linear-gradient(90deg,#514a9d,#24c6dc)}.Lunch,.Snack{width:20%;margin:20px;z-index:1;padding:7px;border-radius:5px;color:#fff}.Snack{background:#50c9c3;background:linear-gradient(90deg,#50928f,#026964)}.Breakfast{width:100px;background:#9d50bb}.Breakfast,.Dinner{margin:20px;z-index:1;color:#fff;padding:7px;border-radius:50px 120px 120px}.Dinner{width:20%;background:linear-gradient(90deg,#b24592,#f15f79)}.recipe-image,.recipe-image:after{height:60vh;width:100%}.recipe-image:after{content:"";position:absolute;opacity:.25;transition:opacity .3s ease-in-out}.recipe{text-align:center;background:#f5f5f5;padding:1em}.recipe h1{font-size:2.5rem;text-align:center}.recipe-header{overflow:hidden;background-image:url(https://bit.ly/2JqRbuI)}.recipe-header>p{margin:0}.recipe-description{font-size:2rem;color:#2f4f4f;padding:1em;font-weight:200;background:#fff;box-shadow:2px 2px 2px 2px rgba(0,0,0,.2);font-style:italic}.recipe-name{color:#1eaedb;text-decoration:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy}.recipe-instructions{text-align:left;padding:0 2em}.recipe-instructions *{padding-bottom:.5em}.recipe-instructions__title{font-weight:200;letter-spacing:2px;color:#1eaedb;text-decoration:underline}.like-button{position:fixed;right:1em;bottom:1em;font-size:2rem;background-color:#f15f79;color:#fff!important}.search{font-size:3rem;transition:width .2s ease-in;margin:2em;width:10em}.search:focus{width:12em}.spinner{text-align:center;padding:5em}.modal{position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;opacity:0;transition:opacity .15s ease-in-out}.modal.modal-open{visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible;opacity:1;z-index:1}.modal-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content{background-color:#fff;max-width:35em;padding:1em 1.5em;position:relative;margin:2em;box-shadow:0 0 10px 0 rgba(0,0,0,.35)}.modal-content-inner{padding-top:1em;margin-bottom:0}.modal-content-inner input{width:500px}.modal-buttons{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.modal-buttons button{margin-left:1em}.modal-buttons button:first-child{margin-left:0}
/*# sourceMappingURL=main.58570da1.chunk.css.map */