@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap);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}*{font-family:Roboto,sans-serif}html{background:#f3c14f}.App{flex-direction:column;justify-content:center}.App,.App .title-row{align-items:center;display:flex}.App .title-row{background:#fff;justify-content:space-between;margin-bottom:1rem;padding:1rem;width:70rem}.App .title-row .title{color:#4c4c4c;font-size:4rem}.App .main{align-items:center;display:flex;flex-direction:column;width:90%}.App .main .filters{display:flex;justify-content:space-between;width:70rem}.App .main .recipe-list-box{align-items:center;background:#039be5;border-radius:.25rem;box-shadow:.1rem .1rem 1rem .1rem #039be5;display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;padding:1rem;width:70rem}.App .main .recipe-list-box .no-recipes{color:#fff}.App .main .recipe-list{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.App .main .recipe-list .recipe-card{background:#f3c14f;border-radius:.25rem;box-shadow:.2rem .2rem .15rem .1rem #f3c14f;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem;margin-right:1rem;padding:.75rem;width:17rem}.App .main .recipe-list .recipe-card .unpublished{color:#4c4c4c;font-size:2rem;font-weight:700;text-align:center}.App .main .recipe-list .recipe-card .recipe-name{color:#fff;font-size:2rem;font-weight:700;text-align:center}.App .main .recipe-list .recipe-card .recipe-field{color:#fff;font-size:1.25rem;font-weight:700}.App .main .recipe-list .recipe-card .recipe-image{display:flex;justify-content:center}.App .main .recipe-list .recipe-card .recipe-image-box{display:flex;justify-content:center;width:100%}.App .main .recipe-list .recipe-card .recipe-image-box .recipe-image{height:14rem;object-fit:cover;width:14rem}.App .main .recipe-list .recipe-card .edit-button{width:100%}.App .main .pagination{margin-bottom:3rem;text-align:center;width:15rem}.App .main .pagination .page-button{height:2rem;width:2rem}.App .main .pagination .selected-page{background:#fff;border:.1rem solid #039be5;color:#039be5}.add-edit-recipe-form-container{background:#fff;border:.1rem solid #000;border-radius:.4rem;display:flex;flex-direction:column;margin-bottom:3rem;padding:1rem}.add-edit-recipe-form-container .form-title{color:#4c4c4c}.add-edit-recipe-form-container .top-form-section{display:flex;justify-content:space-between}.add-edit-recipe-form-container .top-form-section .image-input-box{text-align:center}.add-edit-recipe-form-container .top-form-section .image-input-box .image-preview{align-items:center;display:flex;flex-direction:column;width:20rem}.add-edit-recipe-form-container .top-form-section .image-input-box .image-preview .image{border-radius:.4rem .4rem 0 0;object-fit:cover;width:12rem}.add-edit-recipe-form-container .top-form-section .fields{display:flex;flex-direction:column}.add-edit-recipe-form-container .top-form-section .fields .recipe-label{display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.add-edit-recipe-form-container .ingredients-list{display:flex;flex-direction:column}.add-edit-recipe-form-container .ingredients-list .ingredients-table{border:.1rem solid #000;border-collapse:collapse;margin-bottom:1rem}.add-edit-recipe-form-container .ingredients-list .ingredients-table .table-data,.add-edit-recipe-form-container .ingredients-list .ingredients-table .table-header{border:.1rem solid #000;border-collapse:collapse}.add-edit-recipe-form-container .ingredients-list .ingredients-table .ingredient-delete-box{border:.1rem solid #000;display:flex;justify-content:center}.add-edit-recipe-form-container .ingredients-list .no-ingredients{color:red}.add-edit-recipe-form-container .ingredients-list .ingredient-form{display:flex;justify-content:space-between;margin-bottom:1rem}.add-edit-recipe-form-container .ingredients-list .ingredient-form .ingredient-label{align-items:center;display:flex}.add-edit-recipe-form-container .ingredients-list .ingredient-form .add-ingredient-button{height:2rem;width:10rem}.add-edit-recipe-form-container .action-buttons{display:flex;justify-content:space-evenly}.add-edit-recipe-form-container .action-buttons .action-button{height:2rem;width:10rem}.login-form-container{width:45%}.login-form-container .login-form{display:flex;flex-direction:column}.login-form-container .login-form .button-box{display:flex;justify-content:space-between}.login-form-container .login-form .button-box .primary-button{width:30%}.login-form-container .login-form .login-label{display:flex;justify-content:space-between;margin-bottom:.5rem}.primary-button{background:#039be5;border:.1rem solid transparent;color:#fff;outline:none}.primary-button:hover{background:#fff;border:.1rem solid #039be5;color:#039be5;opacity:.9}.secondary-button{background:#e78936;border:.1rem solid transparent;color:#fff;outline:none}.primary-button,.secondary-button{border-radius:.4rem;cursor:pointer;font-size:1rem;margin:.25rem;padding:.25rem;-webkit-user-select:none;user-select:none}.secondary-button:hover{background:#fff;border:.1rem solid #e78936;color:#e78936}.select{background:#f1f3f4;border:none;cursor:pointer;font-size:.9rem;margin-left:.35rem}.select,.select:focus{outline:none;-webkit-user-select:none;user-select:none}.select:focus{background:#fff;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.input-label{align-items:center;display:flex}.input-text{background:#f1f3f4;border:none;border-radius:.2rem;font-size:.75rem;margin-left:.35rem;padding:.65rem}.input-text:focus{background:#fff;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);outline:none;-webkit-user-select:none;user-select:none}.center{flex-direction:column;width:100%}.center,.row{align-items:center;display:flex}.row{justify-content:space-evenly;margin-bottom:1rem}.column{display:flex;flex-direction:column}.hidden{visibility:hidden}.apart{display:flex;justify-content:space-between}.text-center{text-align:center}.error{color:red}@media only screen and (max-width:840px){.filters{flex-direction:column}.filters .input-label{margin-bottom:.5rem}.top-form-section{flex-direction:column}.top-form-section .image-input-box{align-items:center;display:flex;flex-direction:column;justify-content:center}.top-form-section .image-input-box .image-preview{display:flex;flex-direction:column}}.fire{height:12rem;margin-top:8rem;width:12rem}.fire .flames{height:60%;-webkit-transform:translateX(32%) translateY(2%) rotate(45deg);transform:translateX(32%) translateY(2%) rotate(45deg);width:60%}.fire .flames .flame{background-color:#ffdc01;border-radius:1vw;bottom:0;height:0;position:absolute;right:0;width:0}.fire .flames .flame:nth-child(odd){-webkit-animation:flameodd 1.5s ease-in infinite;animation:flameodd 1.5s ease-in infinite}.fire .flames .flame:nth-child(2n){-webkit-animation:flameeven 1.5s ease-in infinite;animation:flameeven 1.5s ease-in infinite}.fire .flames .flame:first-child{-webkit-animation-delay:0s;animation-delay:0s}.fire .flames .flame:nth-child(2){-webkit-animation-delay:.375s;animation-delay:.375s}.fire .flames .flame:nth-child(3){-webkit-animation-delay:.75s;animation-delay:.75s}.fire .flames .flame:nth-child(4){-webkit-animation-delay:1.125s;animation-delay:1.125s}.fire .logs{bottom:25%;height:15%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.fire .logs:after,.fire .logs:before{background-color:#70392f;border-radius:1vw;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:rotate(20deg);transform:rotate(20deg);width:100%}.fire .logs:before{background-color:#612e25;-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}@-webkit-keyframes flameodd{0%,to{height:0;width:0}25%{height:100%;width:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{bottom:0;right:0}25%{bottom:2%;right:1%}to{bottom:170%;right:150%}}@keyframes flameodd{0%,to{height:0;width:0}25%{height:100%;width:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{bottom:0;right:0}25%{bottom:2%;right:1%}to{bottom:170%;right:150%}}@-webkit-keyframes flameeven{0%,to{height:0;width:0}25%{height:100%;width:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{bottom:0;right:0}25%{bottom:1%;right:2%}to{bottom:150%;right:170%}}@keyframes flameeven{0%,to{height:0;width:0}25%{height:100%;width:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{bottom:0;right:0}25%{bottom:1%;right:2%}to{bottom:150%;right:170%}}
/*# sourceMappingURL=main.3ff06286.css.map*/