body{margin:0;padding:0;font-family:sans-serif}.recipe-card{width:31%;min-width:240px;margin:1%;border:1px solid hsla(0,0%,62.7%,.2);background:#fff;border-radius:0 0 2px 2px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.recipe-card-content{padding:16px}.recipe-card-image{overflow:hidden;height:50%}.recipe-card img{width:100%;max-height:250px}.recipe-title{margin:0 0 15px}.button{width:200px;font-size:1.2em;margin-left:auto;margin-right:auto;display:block;background-color:#c71585;padding:10px 0;border-radius:6px;border:1px solid rgba(20,20,20,.5)}.recipe-list{display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width:580px){.recipe-list{display:block}}header{background-color:#8b008b;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 15px}header h1{text-align:center}header li{list-style:none}header a{text-decoration:none;color:inherit;cursor:pointer;opacity:.9}header a:hover{opacity:1}header nav{display:flex}header nav li{margin:0 15px}header nav li:first-child{margin-left:0}header nav li:last-child{margin-right:0}@media (max-width:1000px){header{padding:20px 50px}}@media (max-width:700px){header{flex-direction:column}header h2{margin-bottom:15px}}.recipe-form{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:10px;padding:15px;border-radius:10px;border:7px solid #2c3e50}.recipe-form input[type=text]{padding:5px 8px;box-sizing:border-box;margin-bottom:10px}.recipe-form textarea{margin-bottom:20px}.recipe-form-line{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:5px;margin-bottom:10px}.recipe-form-line input{margin-left:5px}.buttons{color:#fff;background-color:#2c3e50;border-radius:6px;padding:0 10px 1px;margin-left:285px;font-size:1.3em;height:40px;width:130px}.close-button{background-color:transparent;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;font-size:.9em;color:#777;text-shadow:0 1px 0 #fff;align-self:flex-end}.recipe-form-container{display:flex;align-items:center;justify-content:center}
/*# sourceMappingURL=main.b0f6d154.chunk.css.map */