.App{text-align:center}*{-webkit-box-sizing:border-box;box-sizing:border-box}.app-bar{position:fixed!important}.main-home-display{font-family:Roboto,sans-serif;background:url("https://arteagas.com/wp-content/uploads/2017/11/Arteagas-Mexican-Grocery-Store-Background.jpg");background-size:cover;background-repeat:no-repeat;background-position:50%}.instructions-display{background-color:#f2f2f2!important}*{-webkit-box-sizing:border-box;box-sizing:border-box}.about-text{text-align:center}.about-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}.about-row{width:100%;height:100%;text-align:center;padding-top:95px;padding-bottom:40px}.col-4{padding-top:20px}h1{font-family:Amatic SC}.about-icon{width:5%;padding-left:5px}.database-icon,.recipe-icon,.register-icon{width:25%;padding-top:50px}.fa-arrow-circle-down{color:grey;margin-top:55px;font-size:2.7em}.about-hr{width:60%;margin-top:40px}.about-paragraph{font-family:Amatic SC;font-size:22px;letter-spacing:1.5px}@media screen and (min-width:670px){.about-icon{width:7%;padding-left:5px}}@media screen and (min-width:430px){.about-icon{width:6%;padding-left:5px}}@media screen and (min-width:0px){.about-icon{width:6%;padding-left:5px}}@media screen and (min-width:670px){.about-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}}@media screen and (min-width:430px){.about-h4{font-size:50px;font-family:Amatic SC;letter-spacing:1.5px}}@media screen and (min-width:0px){.about-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}.row{max-width:1000px;padding-left:20px;padding-right:20px;margin:0 auto}.row:after,.row:before{display:table;content:""}.row:after{clear:both}.col-3,.col-4,.col-6,.col-12{float:left;padding-left:1.04166666%;padding-right:1.04166666%;width:100%}@media only screen and (min-width:640px){.col-3{width:25%}.col-4{width:33.33%}.col-6{width:50%}.col-12{width:100%}}*{-webkit-box-sizing:border-box;box-sizing:border-box}.container-header{text-align:center;padding:120px}.js-start-display{-webkit-filter:brightness(100%);filter:brightness(100%);margin-bottom:40px}.start-button{margin-bottom:400px;padding-top:10px;padding-bottom:10px;width:250px;background-color:#333;border-radius:6px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border:none;color:#fff;font-size:20px;font-family:Homenaje;letter-spacing:1.5px}header{padding:10px;background-color:hsla(0,0%,100%,.7);width:55%;border-radius:10px}h1,header{color:#fff}h1{font-size:100px}.header-p{font-size:30px;text-shadow:2px 2px #fff;font-family:Amatic SC;padding-bottom:10px;color:#000;letter-spacing:1px;margin-top:-10px}.learn-more-button{width:250px;padding-top:10px;padding-bottom:10px;background-color:#333;border-radius:6px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border:none;font-size:18px;margin-top:-20px;color:#fff}.logo-h1{font-size:80px;color:#000;font-family:Amatic SC;letter-spacing:1px}.api-info{color:#4682b4;font-family:Homenaje;font-size:16.5px;margin-top:-20px}@media screen and (min-width:50px){header{padding:20px;color:#fff;background-color:hsla(0,0%,100%,.7);width:180%;border-radius:10px}}@media screen and (min-width:340px){header{padding:20px;color:#fff;background-color:hsla(0,0%,100%,.7);width:130%;border-radius:10px}}@media screen and (min-width:365px){header{padding:20px;color:#fff;background-color:hsla(0,0%,100%,.7);width:110%;border-radius:10px}}@media screen and (min-width:400px){header{padding:20px;color:#fff;background-color:hsla(0,0%,100%,.7);width:110%;border-radius:10px}}@media screen and (min-width:845px){header{padding:10px;color:#fff;background-color:hsla(0,0%,100%,.7);width:65%;border-radius:10px}}@media screen and (min-width:670px){header{padding:10px;color:#fff;background-color:hsla(0,0%,100%,.7);width:60%;border-radius:10px}}@media screen and (min-width:50px){.logo-h1{font-size:40px;color:#000;font-family:Amatic SC;letter-spacing:1px}}@media screen and (min-width:400px){.logo-h1{font-size:50px;color:#000;font-family:Amatic SC;letter-spacing:1px}}@media screen and (min-width:845px){.logo-h1{font-size:60px;color:#000;font-family:Amatic SC;letter-spacing:1px}}@media screen and (min-width:50px){.header-p{font-size:16px;text-shadow:2px 2px #fff;font-family:Amatic SC;padding-bottom:10px;color:#000;letter-spacing:1px;text-shadow:.5px .5px #fff}}@media screen and (min-width:412px){.header-p{font-size:20px;text-shadow:2px 2px #fff;font-family:Amatic SC;padding-bottom:10px;color:#000;letter-spacing:1px;text-shadow:1px 1px #fff}}@media screen and (min-width:800px){.header-p{font-size:20px;font-family:Amatic SC;padding-bottom:10px;color:#000;letter-spacing:1px;text-shadow:2px 2px #fff}}@media screen and (min-width:50px){.start-button{margin-bottom:400px;padding-top:10px;padding-bottom:10px;width:200px;background-color:#333;border-radius:6px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border:none;color:#fff;font-size:15px;font-family:Homenaje;letter-spacing:1.5px;margin-left:-30px}}@media screen and (min-width:416px){.start-button{margin-bottom:400px;padding-top:10px;padding-bottom:10px;width:200px;background-color:#333;border-radius:6px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border:none;color:#fff;font-size:14px;font-family:Homenaje;letter-spacing:1.5px;margin-left:0}}@media screen and (min-width:670px){.start-button{margin-bottom:400px;padding-top:10px;padding-bottom:10px;width:300px;background-color:#333;border-radius:6px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border:none;color:#fff;font-size:20px;font-family:Homenaje;letter-spacing:1.5px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}.register-form{text-align:left;padding:20px}.register-header{font-size:20px;color:#000;font-family:Times New Roman}footer{background-color:#3d3d3d;width:100%;padding:.2px 6px;height:100%}.contacts-info,.contacts-info ul{width:60%;margin:0 auto}.contacts-info ul{display:-ms-flexbox;display:flex;text-align:center;-ms-flex-direction:row;flex-direction:row}.contacts-info li{width:33%}.contacts-info span{color:#d8d8d8;font-size:2.2em}.copyright{text-align:center;color:#d8d8d8;margin-top:30px;font-family:Amatic SC;letter-spacing:3px;font-size:20px}.copyright span{padding-right:3px}.contacts-info span:hover{color:#fff}.footer-title h4{float:none;color:#6b6b6b;line-height:.5;letter-spacing:2px;font-family:Amatic SC;padding-top:10px}.footer-title img{float:left;width:5%}.mission-row{width:100%;height:100%;padding-top:80px;padding-bottom:45px}.mission-row,.mission-text{text-align:center}.mission-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}.col-5{padding-top:20px}.fa-arrow-circle-up{color:grey;margin-top:40px;font-size:2.7em}.mission-hr{width:40%;margin-top:80px}.mission-paragraph-1,.mission-paragraph-3{font-family:Amatic SC;font-size:25px;letter-spacing:1.5px;margin-top:10px}.mission-paragraph-2{font-size:20px;font-family:IM Fell French Canon SC;letter-spacing:1.5px;margin-top:10px}.mission-paragraph-4{font-size:25px;font-family:Oswald;letter-spacing:1.5px;margin-top:10px;padding-bottom:25px}@media screen and (min-width:670px){.mission-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}}@media screen and (min-width:430px){.mission-h4{font-size:60px;font-family:Amatic SC;letter-spacing:1.5px}}.main-display{font-family:Roboto,sans-serif;position:relative;min-height:400px}*{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:border-box;box-sizing:border-box}.recipes-form{padding:30px}.recipes-form input{height:45px;width:250px;padding:12px;font-size:18px}.recipes-form button{height:40px;width:100px;border:0;border-radius:5px;margin-left:10px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-size:21px}.dashboard-display{padding-top:40px;text-align:center}.card:not(:hover){opacity:.8}.card:hover,.card:not(:hover){-webkit-transition:opacity .5s ease-in;-o-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.card:hover{opacity:1}#js-results{padding-bottom:1rem}.card-txt,.card-txt-lines{display:-ms-flexbox;display:flex;font-family:Times New Roman}.card-title{background-color:rgba(0,0,0,.5);width:100%}.save-button{border:none;font-weight:700}.search-logo{color:#000}.submit-button{font-family:Amatic SC;margin-bottom:25px;font-size:25px;background-color:#333;width:130px;padding:5px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;color:tan;border-radius:5px}*{-webkit-box-sizing:border-box;box-sizing:border-box}.recipe-title{color:#000;letter-spacing:2px}.recipe-text,.recipe-title{text-align:center}.container{padding-top:100px}.acd-content{display:none;overflow:hidden;padding:10px;font-size:15px;background-color:#f3f3f3;padding-bottom:35px}.acd-content p{color:#000}.btn{display:block;border:none;outline:0;color:tan;background-color:#333;cursor:pointer;width:100%;text-align:left;font-size:24px;position:relative;margin-bottom:10px;border-radius:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px}.btn:after{color:tan;font-weight:700;content:"+";margin-left:5px;float:right}.btn:hover{color:gold}.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-25px;padding:5px;width:150px;padding-top:5px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:50px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px;font-size:20px},.delete-btn:hover,.edit-btn:hover,.refresh-btn:hover{color:gold}.recipe-image{height:200px;width:auto;float:left}.edit-form{display:none}.edit-form-title{font-size:15px;padding-top:200px}#submit-edit{margin-top:5px}.recipe-content{font-family:Amatic SC;font-size:22px;padding-left:250px;letter-spacing:1px}.edit-form-title{margin-top:60px;font-size:25px}#submit-edit,.edit-form-title{font-family:Amatic SC;letter-spacing:1.5px}#submit-edit{margin-bottom:25px;font-size:20px;background-color:#333;width:130px;padding:5px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;color:tan;border-radius:5px}@media screen and (max-width:645px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:100px;padding-top:5px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:50px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (min-width:460px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:70px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:30px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (min-width:420px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:30px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:30px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (min-width:400px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:60px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:30px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (max-width:398px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:54px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:40px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (max-width:313px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:50px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:40px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (max-width:290px){.delete-btn,.edit-btn,.refresh-btn{margin-bottom:5px;position:relative;float:right;bottom:-5px;padding:5px;width:55px;padding-top:10px;padding-bottom:5px;border-radius:5px;background-color:#333;color:tan;margin-right:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}}@media screen and (max-width:200px){.recipe-content{font-family:Amatic SC;font-size:20px;padding-left:250px;letter-spacing:1px}}@media screen and (max-width:500px){.recipe-content{font-family:Amatic SC;font-size:16px;padding-left:180px;letter-spacing:1px}}@media screen and (max-width:10px){.recipe-content{font-family:Amatic SC;font-size:30px;padding-left:200px;letter-spacing:1px}}@media screen and (min-width:381px){.recipe-image{height:150px;width:auto;float:left}}@media screen and (min-width:500px){.recipe-image{height:200px;width:auto;float:left}}@media screen and (max-width:388px){.recipe-image{height:165px;width:auto;float:left}}@media screen and (max-width:626px){.btn{display:block;border:none;outline:0;color:tan;background-color:#333;cursor:pointer;width:100%;text-align:left;font-size:18px;position:relative;margin-bottom:10px;border-radius:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px}}@media screen and (max-width:517px){.btn{display:block;border:none;outline:0;color:tan;background-color:#333;cursor:pointer;width:130%;text-align:left;font-size:19px;position:relative;margin-bottom:10px;border-radius:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px}}@media screen and (max-width:482px){.btn{display:block;border:none;outline:0;color:tan;background-color:#333;cursor:pointer;width:120%;text-align:left;font-size:18px;position:relative;margin-bottom:10px;border-radius:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px}}@media screen and (max-width:430px){.btn{display:block;border:none;outline:0;color:tan;background-color:#333;cursor:pointer;width:130%;text-align:left;font-size:16px;position:relative;margin-bottom:10px;border-radius:20px;-webkit-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000;font-family:Amatic SC;letter-spacing:2px}}.main-display{font-family:Roboto,sans-serif;position:relative;min-height:400px}*{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:border-box;box-sizing:border-box}.demo-title{font-size:20px;color:#000;font-family:Times New Roman;padding-top:-10px}.demo-pw,.demo-user{color:#000;font-size:15px}
/*# sourceMappingURL=main.cce7da24.css.map*/