@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);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}.App{text-align:center;font-family:Source Sans Pro,sans-serif}.App,body{max-height:100vh}body{color:#363f40;position:relative}.header,body{background-color:#fff}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;height:60px;width:100vw;padding-top:10px;padding-bottom:15px;color:#000;margin-bottom:4vh;font-size:13px;font-weight:700;box-shadow:2px 2px 4px 1.5px #c2c2c2}.header img{width:190px;top:15px}.suggestion-box{display:flex;align-items:center;justify-content:center;text-align:center;padding-bottom:8px;height:70px;margin-bottom:20px;margin-left:auto;margin-right:auto;width:300px;font-size:23px;font-weight:700;font-family:Source Sans Pro,sans-serif;background:#fff}.filter-toggle{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;max-width:100vw;font-size:18px;margin-bottom:15px}.filter-box{width:60vw;margin-left:auto;margin-right:auto;padding-top:20px;padding-left:20vw;padding-right:20vw}@media (min-width:1000px){.filter-box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;margin:auto;width:25vw}.filter-toggle{width:100px}}.filter-toggle label{align-items:center;font-family:Source Sans Pro,sans-serif}.filter-toggle label,.toggle-switch{display:flex;justify-content:center;width:50%}.suggestion-button{width:23vw;max-width:200px;height:45px;margin-left:auto;margin-right:auto;margin-bottom:20px;font-size:14px;background-color:#fff;border:1px solid #a5a5a5;border-radius:5px;font-family:Source Sans Pro,sans-serif;cursor:pointer}.button,.button-container{display:flex;justify-content:center}.button{width:100vw;height:10vh;align-items:center;margin-right:auto;background-color:#fff;color:#000;font-size:20px;border:0;border-top:1px solid grey}.selected-button{color:#fff;background-color:#9e5454}.fade-out{opacity:0}.fade-in,.fade-out{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-in{opacity:1}.login-page{display:flex;flex-direction:column;background-color:#9e5454;color:#fff;height:100vh;text-align:center;justify-content:center;align-items:center}.login-page img{width:190px;margin-bottom:30px}.login-page h1{width:80vw;margin-top:20vh}.login-form,.login-page h1{margin-right:auto;margin-left:auto}.login-form{display:flex;flex-direction:column;width:60vw;background-color:#9e5454;color:#fff}.login-form input{margin-bottom:15px}.login-button{background-color:#fff;color:#4d4d4d;font-weight:700;width:100px;height:50px;border-radius:5px;font-family:Source Sans Pro,sans-serif;margin-left:auto;margin-right:auto}.modal-container{height:100vh;width:100vw;position:absolute;top:0;z-index:1;display:flex;flex-direction:row;align-items:center}.modal-content{z-index:2;height:72vh;width:90vw;background-color:#fff;color:#000;margin:auto;border-radius:5px;box-shadow:0 0 5px .5px #b8b7b7;font-weight:200}.recipe-details{height:60vh;overflow:scroll;border:1px solid #d3d3d3}.modal-content h3{font-weight:700}.ingredients,.modal-content h3{font-family:Source Sans Pro,sans-serif}.ingredients{padding:15px}.steps{padding-left:15px;padding-right:15px}.close-button,.steps{font-family:Source Sans Pro,sans-serif}.close-button{width:23vw;max-width:200px;height:45px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:14px;display:block;background-color:#fff;border:1px solid #a5a5a5;border-radius:5px;cursor:pointer}.recipe-step{margin-bottom:10px}
/*# sourceMappingURL=main.c39e43b6.chunk.css.map */