body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.react-overlay-loader-spinner:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-30px;margin-left:-20px;border-radius:50%;border:3px solid #eee;border-top-color:#00f;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;z-index:9999}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.cards{display:flex;flex-wrap:wrap;max-width:1350px;margin-top:40px}.card{min-width:425px;max-width:425px;min-height:400px;margin-right:15px;margin-bottom:30px}@media screen and (max-width:450px){.card{min-width:0}}@media screen and (max-width:450px){.card .recipeImage{max-width:100%}}.card .card-title{font-size:18px;display:flex;justify-content:center;flex-wrap:wrap;color:#000;text-align:left;padding-left:10px;padding-right:10px;margin-top:15px;font-weight:500}.card .card-title,.card .card-title:hover{text-decoration:none}.recipeImage{margin:0 auto}.card-link a:hover{border-color:green;color:#d6a791}.landingpage-pic{width:100%;height:500px;opacity:.9}@media screen and (max-width:700px){.landingpage-pic{opacity:.6;height:300px}}.centered{position:absolute;top:308px;left:49%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:hsla(0,0%,100%,.911);font-size:38px}@media screen and (max-width:700px){.centered{font-size:30px;top:238px}}.centered input{background:#333;border:none;border-radius:5px;opacity:.6;color:#fff;padding-left:10px}@media screen and (max-width:700px){.centered input{height:50px;width:300px;font-size:26px}}.tags{display:flex;flex-wrap:wrap;justify-content:left;padding-left:5px;padding-right:5px}.tags .tag{width:100px;background-color:#329132;margin-left:5px;margin-top:5px;text-decoration:none;color:#fff;border-radius:5px;height:25px;font-size:15px}.add{display:flex;margin-top:35px}@media screen and (max-width:1200px){.add{display:flex;flex-direction:column-reverse}}.add .picture{width:30%}.add .picture .useLink{text-decoration:underline}.add .picture .useLink:hover{cursor:pointer}.add .picture .addPictureLink{text-align:left}.add .picture .addPictureLink .addPictureLabel{margin-bottom:0}.add .picture .addPictureLink .addPictureInput{width:300px}.add .words{width:70%;text-align:left;padding-left:20%}@media screen and (max-width:800px){.add .words{width:100%}}@media screen and (max-width:1200px){.add .words{padding-left:0}}.add .words input{width:600px;border-radius:3px;border:1px solid #000;padding-left:5px}@media screen and (max-width:1200px){.add .words input{width:90%}}.add .words .label{margin-bottom:0}.add .words .addTitle .titleInput{height:35px}@media screen and (max-width:800px){.add .words .addTitle .titleInput{height:43px}}.add .words .addDescription{margin-top:16px}.add .words .addDescription .descriptionInput{height:80px}.add .words .addIngredients{margin-top:16px}.add .words .addIngredients .ingredientsInput{width:600px;height:100px;border-radius:3px;padding-left:5px;padding-top:5px}@media screen and (max-width:1200px){.add .words .addIngredients .ingredientsInput{width:90%}}.add .words .addDirections{margin-top:16px}.add .words .addDirections .directionsInput{width:600px;height:140px;border-radius:3px;padding-left:5px;padding-top:5px;margin-bottom:20px}@media screen and (max-width:1200px){.add .words .addDirections .directionsInput{width:90%}}.add .words .buttons .btn-success{margin-right:20px}.add .words .buttons .btn{width:200px;height:45px}.add .words .cancel-button{color:#fff}.add .words .cancel-button:hover{text-decoration:none}.modal-content{height:500px;width:450px}.modal-content .modal-header{border-bottom:none}.modal-content .modal-header .modal-title{margin-left:40%;font-size:25px}.modal-content .modal-body{padding-top:5px}.modal-content .modal-body .loginInput,.modal-content .modal-body .registrationInput{width:70%;margin:0 auto 13px;height:45px}.modal-content .modal-body .loginButton,.modal-content .modal-body .registerButton{margin-top:5px;width:70%;height:45px}.modal-content .modal-body .loginToggleText,.modal-content .modal-body .registrationToggleText{margin-top:20px;margin-bottom:5px;color:#9b9b9b}.modal-content .modal-body .googleButton{background:#fff;border:1px solid #c5c5c5;border-radius:5px;width:150px;height:37px}.modal-content .modal-body .googleButton .googleText{padding-left:5px;font-weight:500}.modal-content .modal-body .googleButton:hover{background:#f1f1f1}.modal-content .modal-body .alreadyToggle{margin-top:60px;color:#7a7a7a}.modal-content .modal-body .loginToggle,.modal-content .modal-body .registerToggle{text-decoration:underline;cursor:pointer}.modal-content .modal-body .loginToggle:hover,.modal-content .modal-body .registerToggle:hover{color:#0303c2}.modal-content .modal-body .loginMember{margin-top:120px}.navbar-brand img{width:85px}.center-logo{margin:0 auto}.center-logo img{width:250px}.navbar-nav{font-size:23px;margin-top:25px}.login-logo img{height:55px;width:55px}@media screen and (min-width:1000px){.navbar{max-height:85px;padding-bottom:10px;padding-top:10px}}.dropdown:hover{cursor:pointer}.dropdown-toggle{width:55px;height:55px}.dropdown-toggle:hover{cursor:pointer}.dropdown-menu{left:-89px;margin-top:12px}@media screen and (max-width:600px){.modal-content,.modal-dialog{margin:0;width:100%}}.right-nav{display:flex;list-style:none;font-size:23px;margin-top:20px;padding-left:10px}@media screen and (max-width:991px){.right-nav{display:none}}.right-nav a{color:rgba(0,0,0,.548)}.right-nav-item a{padding-left:3px}.logout-logo img{height:45px;width:45px}@media screen and (min-width:991px){.navbar2{display:none}}@media screen and (max-width:991px){.dropdown,.logout-logo{display:none}}@media screen and (max-width:470px){.navbar-toggler{position:absolute;right:30px;top:30px}}@media screen and (max-width:470px){.center-logo{display:none}}.mr-auto,.mx-auto{margin-left:auto!important;margin-right:0!important}.delete-modal .modal-content{top:200px;height:175px}.delete-modal .modal-body{font-size:23px;text-align:center;padding-top:40px}.delete-modal .modal-footer{border-top:none}.delete-modal .modal-footer button:first-child{background-color:#2bc1c4;width:225px;height:50px;border-radius:0;border:none}.delete-modal .modal-footer button:first-child:hover{background-color:#24999b}.delete-modal .modal-footer button:last-child{background-color:#d0021b;width:225px;height:50px;border-radius:0}.delete-modal .modal-footer button:last-child:hover{background-color:#a1081a}.view-recipe{max-width:900px;margin-top:40px}@media screen and (max-width:830px){.view-recipe .recipeImage{width:100%;height:400px}}@media screen and (max-width:450px){.view-recipe .recipeImage{width:100%;height:300px}}.view-recipe .recipe-text{text-align:left;margin-left:30px}.view-recipe .directions-title{margin-top:35px}.view-recipe .specific-instruction{margin-bottom:18px}.view-recipe .save-recipe-button{margin-top:15px}.view-recipe .edit-button{padding:0;width:75px;margin-right:10px}.view-recipe .delete-button{width:75px}
/*# sourceMappingURL=main.fd28ab9c.chunk.css.map */