@import url(https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Poppins&family=Raleway:wght@200;300;400);*{box-sizing:border-box}body{padding:0;margin:0}.recipe-list{border-right:1px solid #000;min-height:100vh;width:50%}.recipe-list__add-recipe-btn-container{text-align:center;padding-top:30px;padding-bottom:30px}.recipe{padding:20px 20px 40px;border-bottom:1px solid #000}.recipe:last-child{border-bottom:none;padding-bottom:10px}.recipe__header{display:flex;justify-content:space-between;align-items:center}.recipe-name{font-family:Poppins,sans-serif;font-size:2em;max-width:20ch}.recipe__row{margin-top:10px}.first-row{margin-top:0}.recipe-label,.recipe-value{font-family:Raleway,sans-serif}.recipe-label{font-size:1.1em;font-weight:700;margin-right:5px}.edit-col-h,.edit-label{font-size:1.3em;font-family:Poppins,sans-serif}.recipe-value{font-size:1em;font-weight:300}.recipe-value--indented{margin-top:10px;margin-left:20px}.recipe__instructions{white-space:pre-wrap}.ingredient-grid{display:grid;grid-template-columns:repeat(2,auto);grid-row-gap:3px;row-gap:3px;grid-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;justify-content:flex-start}.btn{font-size:1.2em;font-family:Poppins,sans-serif;background:none;border:none;outline:none;font-weight:700;padding:5px 20px;cursor:pointer;border-radius:3px}.btn--primary{color:#fff;background-color:#6495ed}.btn--primary:hover{background-image:linear-gradient(rgba(0,0,0,.4) 0 0)}.btn--danger{color:#fff;background-color:#c70039}.btn--danger:hover{background-image:linear-gradient(rgba(0,0,0,.4) 0 0)}.mr-1{margin-right:5px}.recipe-edit{position:fixed;right:0;top:0;width:50%;max-height:100%;overflow-y:auto;padding:10px 30px 30px}.recipe-edit__remove-btn-container{text-align:end}.recipe-edit__remove-btn{padding:0;background:none;outline:none;border:none;font-size:1.8em}.recipe-edit__details-grid{display:grid;grid-template-columns:auto 1fr;grid-row-gap:10px;row-gap:10px;grid-column-gap:30px;-webkit-column-gap:30px;column-gap:30px}.recipe-edit__input{border:1px solid #000;border-radius:5px;font-size:1.1em;padding:5px 10px;outline:none;width:100%;font-family:Raleway,sans-serif}textarea.recipe-edit__input{resize:none;height:200px}.recipe-edit__ingredient-grid{display:grid;grid-template-columns:repeat(3,auto);grid-gap:10px;gap:10px;margin-top:20px;margin-left:40px}.recipe-edit__add-ingredient-btn-container{margin-top:30px;text-align:center}@media (max-width:1000px){.recipe-edit__details-grid,.recipe-edit__ingredient-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.88eed65f.chunk.css.map */