*{font-family:"Josefin Sans",sans-serif}body,html{background-color:#001b24;color:#fff;height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{height:inherit}.App{justify-content:space-between;text-align:center;width:100%}.App,.main{display:flex;flex-direction:column;height:100%}.main{align-items:center;overflow-y:scroll;margin:0 1rem;-ms-overflow-style:none;scrollbar-width:none}.main::-webkit-scrollbar{display:none}.footer,.header{background-color:#0075a2;display:flex;font-weight:700;justify-content:space-between;padding:0 2rem;width:calc(100% - 4rem)}.header{align-items:flex-end}.footer{align-items:center;height:40px;font-size:18px}.footer,.footer a:visited{color:#fff}.nav-container,.nav-link{padding:.5rem}.nav-link{background-color:#e8b357;border:none;font-size:18px;margin:0 .2rem}.nav-link:focus{background-color:#001b24;color:#fff!important}.nav-link:hover{cursor:pointer}.nav-link:disabled{cursor:default}.nav-link:visited{color:#000}a:link{text-decoration:none}@media screen and (max-width:600px){.header{align-items:center;flex-direction:column;justify-content:center}}.body-container{height:100%;width:100%}.body-container,.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.form-container{background-color:#0075a2;border-radius:1rem;padding:1rem;height:300px;width:500px}.form{display:flex;flex-direction:column;justify-content:space-around;font-size:20px;font-weight:700;height:100%;width:60%}.button,.dropdown{background-color:#bec4c1;border:none;font-size:18px}.button{background-color:#e8b357;border-radius:.5rem;padding:.5rem}.button:hover{cursor:pointer}.button:disabled{cursor:default}.button-form-container{display:flex;justify-content:space-between}@media screen and (max-width:600px){.form-container{height:60%;width:80%}.form{width:80%}}@media screen and (max-width:500px){.button-form-container{flex-direction:column}.button-form-container .button{margin-top:.2rem}}.fav-icon{margin-right:95%}.fav-icon:hover{cursor:pointer}.recipe-name{text-decoration:underline}.recipe-heading{text-align:left;margin-bottom:0;width:100%}.recipe-inst-container{display:flex;justify-content:space-between;width:100%}.recipe-inst{text-align:left;width:100%}.recipe-image{object-fit:contain;margin-right:2rem;width:180px}.recipe-ingr{padding:0}.recipe-ingr li{list-style:none;text-align:left}@media screen and (max-width:600px){.recipe-image{margin-right:0;width:100px}}.recipe-container{align-items:center;background-color:#0075a2;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:500px}.recipe-container .button{margin:.2rem}@media screen and (max-width:600px){.recipe-container{width:80%}}.trivia-container{align-items:center;background-color:#0075a2;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:1rem;height:300px;width:500px}.trivia-score{font-weight:700}.show-results .correct{background-color:#6eb52b}.show-results .incorrect{background-color:#b6372b}.button-container{display:flex;flex-direction:column}.button-container .button,.correct,.incorrect{margin:.2rem}@media screen and (max-width:600px){.trivia-category{margin:1rem}.trivia-container{width:80%}}.categories{padding:0;column-count:3;-webkit-columns:3;-moz-columns:3}.categories li{list-style:none;text-align:left}.favorite-container{display:flex;flex-wrap:wrap;justify-content:center}.favorite-card{background-color:#0075a2;border-radius:1rem;padding:1rem;margin:1rem;width:400px}@media screen and (max-width:768px){.categories{column-count:2;-webkit-columns:2;-moz-columns:2}}@media screen and (max-width:600px){.categories{column-count:1;-webkit-columns:1;-moz-columns:1}.favorite-card{width:80%}}
/*# sourceMappingURL=main.9d0ffc38.chunk.css.map */