@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);*{box-sizing:border-box}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;background-color:#eee}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container--full{width:100%;display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto;padding:0}button{border:none;border-radius:5px;width:100%;color:#fffffe;background-color:#e84241;text-transform:uppercase;letter-spacing:5px;font-size:24px;font-family:Roboto,sans-serif;height:50px;margin:15px 0;cursor:pointer}.btn--delete{background-color:#777;color:#fffffe}.container--padded{padding:5px 15px}section{margin-bottom:25px;margin-top:5px}i{font-size:64px}.back-button{justify-self:flex-start;align-self:flex-start;border-radius:50%;background-color:#e84241;height:50px;width:50px;display:flex;justify-content:center;align-items:center;padding:5px;box-shadow:0 5px 10px rgba(0,0,0,.4);cursor:pointer;font-size:36px;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.recipeCard{margin:10px;cursor:pointer;max-width:500px;width:100%}.recipeCard__title{background-color:#404040;border-top-left-radius:5px;border-top-right-radius:5px;min-height:35px;color:#fffffe;font-size:16px;font-family:Roboto,sans-serif}.recipeCard__body,.recipeCard__title{display:flex;align-items:center;justify-content:space-between;padding:10px}.recipeCard__body{background-color:#262823;border-bottom-left-radius:5px;border-bottom-right-radius:5px;min-height:50px}.flame,.star{width:24px;height:24px}.recipe{width:100%;margin:0;background-color:#262823;min-height:100vh}.recipe__title{background-color:#404040;color:#fffffe;display:flex;flex-direction:column;justify-items:flex-end;align-items:flex-end;padding:15px}.sectionLabel{color:grey;font-family:Roboto,sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:18px;margin:0 0 5px}.recipe__ingredientAdd{width:100%;display:flex;flex-direction:column;padding:15px}.recipe__ingredientAdd input{width:100%;margin:10px 0;height:50px;border:none;border-radius:5px;background-color:#fffffe;padding:15px;font-size:18px}.recipe__ingredientAdd label{font-size:18px;margin-top:10px}.recipe__ingredientAdd label,.recipe__ingredientAdd span{font-family:Roboto,sans-serif;color:grey;text-transform:uppercase;letter-spacing:5px}.recipe__ingredientAdd span{text-align:center;font-size:24px;cursor:pointer;margin-top:15px}.recipe__ingredientAdd textarea{min-height:250px;padding:15px;border-radius:5px;font-size:18px;font-family:Roboto,sans-serif}.rating--interactive{width:100%;display:flex;justify-content:center}.editableName{width:100%}.title__name{margin:0;text-shadow:2px 4px 5px rgba(0,0,0,.4);padding:10px 0}.title__name,.title__name--editable{text-align:right;font-size:36px;font-family:Roboto,sans-serif}.title__name--editable{margin:0 0 10px;height:56px;border:none;width:100%}.ingredientsList{width:100%;display:flex;flex-direction:column}.ingredientsList__item{height:75px;background-color:#404040;padding:10px 25px;font-family:Roboto,sans-serif;border-bottom:1px solid #777;color:#fffffe;font-size:24px}.ingredientsList__item,.ingredientsList__item__container{display:flex;justify-content:space-between;align-items:center}.ingredientsList__item__container{flex-flow:row nowrap;flex:1 1 auto;padding-right:10px}.ingredientsList__item__delete{font-size:16px;color:#fffffe;cursor:pointer;background-color:#e84241;padding:5px;border-radius:5px}.notes{color:#fffffe}.notes__item{font-size:22px;margin:5px 0;display:flex;flex-direction:column}.notes__item__delete{max-width:250px;font-size:16px;align-self:center}.addRecipeButton{width:100px;height:100px;border-radius:50%;position:fixed;right:25px;bottom:25px;background-color:#e84241;font-size:48px;box-shadow:0 0 10px rgba(0,0,0,.4);cursor:pointer;-webkit-transition:all .1s;transition:all .1s;display:flex;align-items:center;justify-content:center;color:#fffffe}.addRecipeButton:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.4)}.rating{display:flex;flex-flow:row nowrap}.recipeCardList{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px}.App{position:relative}
/*# sourceMappingURL=main.9b3544d0.chunk.css.map */