body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Frontpage{background-image:url(https://images.pexels.com/photos/1028598/pexels-photo-1028598.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;z-index:1}.App,.Frontpage{min-height:100vh}.App{display:flex}.center{text-align:center}.RecipeCard{background-color:#fff;border:1px solid #000;border-radius:5px;margin:50px;padding-bottom:50px;transition-duration:.5s;transition:background-color .3s ease;width:90%}.RecipeCard h2{font-size:30px;text-align:center}.RecipeCard h3{font-size:25px;text-align:center}.RecipeCard img{max-width:15vw}.RecipeCard .imageBox{text-align:center}.spinner{background-color:#fff;border:1px solid #000;border-radius:5px;margin:50px;transition-duration:.5s;transition:background-color .3s ease;width:90%}.spinner iframe{height:800px;object-fit:fill;pointer-events:none;width:100%}.homepageButton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:16px;margin-bottom:6px;margin-top:18px;padding:5px;text-align:center;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease;width:10%}.homepageButton:hover{background-color:#fff;color:#000}.generateRecipeButton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:16px;margin-bottom:50px;margin-right:50px;margin-top:50px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease}.generateRecipeButton:hover{background-color:#fff;color:#000}.allergiesdiv,.ingredientsdiv{padding:5px 10px}.ingredientsdiv li{justify-content:left;list-style-type:none}.allergiesform,.ingredientsform{display:grid;grid-template-columns:1fr 4fr 1fr;padding:5px 10px;position:absolute;width:60%}.allergieslist,.ingredientslist{flex-direction:row;margin-top:50px;overflow:visible;padding-left:20px}.ingredientslist ul{padding:0}.allergieslist ul div,.ingredientslist ul div{display:inline}.allergieslist ul div li,.ingredientslist ul div li{display:inline;margin-right:10px}.ingredientslist div{display:grid;grid-template-columns:5fr 1fr}.dropdown{margin-left:10px;margin-top:1px;padding:1px 10px;width:90%;z-index:1}.dropdown ul{background-color:#fff;border-left:1px solid #ccc;border-radius:5px;border-right:1px solid #ccc;box-sizing:border-box;margin:0;padding:0;position:relative;width:100%}.dropdown li{padding-left:5px}.dropdown li:hover{background-color:#d3d3d3;color:#000;cursor:pointer}#allergies,#ingredients{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-left:20px;margin-right:20px;padding:5px 10px}#allergies:hover,#ingredients:hover{background-color:#d3d3d3;color:#000}.loginform{padding-left:10px;width:75%}.loggedinbutton,.loginbutton{display:inline-block;font-size:16px;margin-left:50px;margin-right:50px;margin-top:50px;padding:15px 32px;text-align:center;text-decoration:none;transition-duration:.5s;width:50%}input[type=password],input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:5px 10px;width:90%}.card,.loginformForm{display:flex}.card{justify-content:flex-end;margin:10px 10px 10px 50px;width:25%}#top{background-color:#b0dde4;display:flex}.left{margin-top:45px;width:35%}.right{width:65%}.favouritebutton,.right .buttonBox{text-align:center}.favouritebutton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:16px;margin-left:5px;margin-top:6px;padding:15px 32px;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease}.favouritebutton:hover{background-color:#fff;color:#000}.deletebutton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:15px;text-align:center;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease}.deletebutton:hover{background-color:#fff;color:#000}.favourites{background-color:#fff;border:1px solid #000;border-radius:5px;margin-bottom:50px;margin-left:45px;margin-top:50px;padding:30px;transition-duration:.5s;transition:background-color .3s ease}.favourites form input[type=text]{padding-bottom:10px;padding-top:10px}.instructions{border:1px solid #fff;border-radius:5px;font-size:16px;line-height:20px;padding-left:15px;padding-right:15px;transition-duration:.5s;transition:background-color .3s ease;white-space:pre-line}.ingredients{font-size:16px;padding-left:10px;padding-right:10px}.ingredients ul{-webkit-columns:3;column-count:3}h2{border-bottom:1px solid #000;padding-bottom:5px}h3{font-size:30px}.rec{width:8vw}.link{padding-left:8px;padding-right:8px;text-align:center}.clickable :hover{cursor:pointer}.addButton{margin-right:30px}.addButton,.formButton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:15px;text-align:center;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease}.addButton:hover{background-color:#fff;color:#000}.favouriteRecipeItem{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:5px;margin-top:5px}.form{margin:12px}.button{margin:10px}.button,.clearButton,.submitButton{background-color:#286fb4;border:none;border-radius:5px;color:#fff;display:inline-block;font-size:15px;text-align:center;text-decoration:none;transition-duration:.5s;transition:background-color .3s ease}.clearButton{margin-left:5px}.userButtons{align-items:baseline;display:flex;flex-direction:row;justify-content:space-evenly}
/*# sourceMappingURL=main.e25ea61e.css.map*/