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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 45s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:50vh}.main-title{font-family:cursive;font-size:50px}.App-link{color:#0e3f4d}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.content{background-color:#fff}.form-control{margin:.5rem 0}.form-control label{display:block;font-weight:700;margin-bottom:.5rem}.form-control input{border:1px solid #ccc;display:block;font:inherit;line-height:1.5rem;padding:0 .25rem;width:100%}.form-control input:focus{background:#f0f8ff;border-color:#a9a3ff;outline:none}.form-control.invalid input{background:#fad0ec;border-color:#8b005d}.form-control.invalid label{color:red}.recipe-input{background:repeating-linear-gradient(45deg,#a3d9ff,#606dbc 10px,#354b75 0,#465298 20px);border:solid #f0f8ff;border-radius:15px 15px;border-width:0 1px;box-shadow:0 2px 8px #00000042;display:inline-flex;font-size:30px;justify-content:center;margin:1rem;overflow:hidden;padding:.4rem;width:100%}@media screen and (max-width:1080px){.recipe-input{font-size:65px;margin:2rem 0 3rem 5rem;width:70%}}.centered-content{display:flex;justify-content:center}@media screen and (max-width:1080px){.centered-content{display:inline}}.search-message{background-color:#e0eaff;border-color:#f0f8ff;border-radius:15px 15px 15px 15px;border-style:solid;color:#000;display:inline-flex;font-size:30px;justify-content:center;margin:0;max-width:50%;padding:1rem}.search{padding-right:1rem}.search-button{border-color:#f0f8ff;border-radius:0 15px 15px 0;border-style:solid;border-width:0 1px;overflow:hidden;padding:1rem}.reset-button{border:solid #ced2ff;border-radius:15px;border-width:0 1px;margin-top:2rem;overflow:hidden;padding:1rem}.reset-button:hover{background-color:#354b75;color:#fff;cursor:pointer}.recipe-item{background:#a3d9ff;border:solid #f0f8ff!important;border-radius:15px 50px;border-style:solid;border-width:0 1px;box-shadow:0 2px 8px #00000042;color:#000;cursor:pointer;display:block;margin:1rem;overflow:hidden;-webkit-transition:color .2s;width:400px}.recipe-item:hover{background:#00aeff;color:#fff;.tag:after,.tag:before{background:#00aeff}}.recipe-item-title{color:#282c34;font-size:large;font-weight:700;padding-top:.25rem}.tags{display:flex;justify-content:center;list-style:none;margin:0;overflow:hidden;padding:0}.tag{background:#f0f8ff;border-radius:3px 0 0 3px;color:#555;display:inline-block;height:26px;line-height:26px;margin:0 10px 10px 0;padding:0 20px 0 23px;position:relative;text-decoration:none;-webkit-transition:color .2s}.tag:before{border-radius:10px;box-shadow:inset 0 1px #00000040;height:6px;left:10px;top:10px;width:6px}.tag:after,.tag:before{background:#a3d9ff;content:"";position:absolute}.tag:after{border-bottom:13px solid #0000;border-left:10px solid #f0f8ff;border-top:13px solid #0000;right:0;top:0}.tag:hover{background-color:#146bdc;color:#fff}.tag:hover:after{border-left-color:#146bdc}.recipe-list{background:#fff;list-style:none}.recipe-list,.wrapcontainer{display:flex;flex-wrap:wrap;justify-content:center}.wrapcontainer{background-color:#2e4272}.itemsperpage{display:flex;flex-wrap:wrap;justify-content:right;margin:0;padding-right:1rem}.container{background-color:#fff;display:block;margin:auto;min-height:100%;padding:auto}.flex-item{flex-grow:1}.fixed{background-color:#f1f3f8;border:1px solid #f0f8ff;border-radius:15px 15px;margin:1rem;padding:1rem}.list-container{border:.2em solid #eff4ff;border-radius:120px 120px 0 0;box-shadow:0 30px 40px #0003;margin:0 0 0 2rem;overflow:hidden;z-index:1}.dropbtn,.list-container{border-bottom:0;position:relative}.dropbtn{background-color:#2e5772;border-radius:20px 0 0 0;border-top:0;bottom:-70px;color:#fff;cursor:pointer;font-size:25px;padding:1rem;right:0;width:16rem;z-index:0}@media screen and (max-width:1080px){.dropbtn{bottom:-80px;font-size:40px;margin:0}}.dropdown{-webkit-touch-callout:none;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}.dropdown-content{background-color:#f9f9f9;border-radius:0 0 20px 20px;box-shadow:0 8px 16px 0 #0003;display:none;font-size:30px;min-width:143px;position:absolute;right:0;z-index:2}@media screen and (max-width:1080px){.dropdown-content{font-size:75px}}.dropdown-content a{color:#000;display:block;font-size:35px;padding:12px 16px;text-decoration:none}@media screen and (max-width:1080px){.dropdown-content a{display:inline-block;width:12rem}}.dropdown-content a:hover{background-color:#e7f4ff}@media screen and (max-width:1080px){.dropdown-content a:hover{background-color:#e7f4ff;width:12rem}}.dropdown:hover .dropdown-content{display:block}.selected{background-color:#e3f3ff;border:solid #006eff}.dropdown:hover .dropbtn{background-color:#58c3f5}.next-button-image{cursor:pointer;width:4rem}.next-button-image:hover{border-color:#a3d9ff;color:#fff}.prev-button-image{cursor:pointer;width:4rem}.prev-button-image:hover{border-color:#a3d9ff;color:#fff}.page-number{color:#fff;font-size:2rem;padding:0 1rem}.recipe-view{background:#fff;display:block;margin:6rem;width:auto}@media screen and (max-width:1080px){.recipe-view{margin:0}}.recipe-title{font-family:cursive;font-size:3rem;margin:1rem;padding:1rem}.recipe-header{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:3rem;margin:1rem 0;max-width:-moz-fit-content;max-width:fit-content;min-width:max-content;padding:1rem}.recipe-view-image{background:#c1dcff;border:solid #7e7e7e!important;border-radius:50px 50px 0 0;border-style:solid;border-width:0 1px;box-shadow:0 2px 8px #00000042;color:#000;display:inline;margin:1rem;overflow:hidden;width:800px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.recipe-ingredients-list{display:list-item;list-style:square;margin:1rem;padding:1rem}.recipe-ingredients{column-count:3;column-gap:40px;column-rule-color:#325e6b;column-rule-style:solid;column-rule-width:1px;display:list-item;font-size:1.25rem;list-style:none;margin:auto;padding:auto;text-align:start}@media screen and (max-width:1080px){.recipe-ingredients{column-count:1}}.ingredient-gradient{background:repeating-linear-gradient(0deg,#465298,#606dbc)!important}.recipe-instructions{background:#f0f8ff;border:solid #f0f8ff!important;border-radius:15px 50px;border-style:solid;border-width:0 1px;box-shadow:0 2px 8px #00000042;color:#000;display:block;font-size:1.5rem;margin:.5rem;padding:1rem;text-align:start;white-space:pre-line}@media screen and (max-width:1080px){.recipe-instructions{padding:0}}.list-item-ingredient{background:#fff;border:solid #f0f8ff!important;border-radius:10px 10px 0 0;border-style:solid;border-width:0 1px;box-shadow:0 2px 8px #00000042;color:#000;margin:.75rem;max-width:max-content;padding:.5rem}@media screen and (max-width:1080px){.list-item-ingredient{max-width:100%}}.list-item-ingredient:hover{cursor:pointer}hr.dotted{border-top:3px dotted #282c34;margin:3rem}.video{background-color:#d8d8d8;border-radius:20px;height:0;max-width:100%;padding-bottom:56.25%;position:relative}.video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.back-button-container{float:left}.back-button-image{border-radius:40px;cursor:pointer;width:4rem}.back-button-image:hover{border-color:#a3d9ff;border-radius:15px;color:#fff}.back-button-image:after{background-color:bisque}
/*# sourceMappingURL=main.ee5fda18.css.map*/