@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap);*{margin:0;font-family:"Raleway";color:#212121;font-size:1.2rem}.centered{text-align:center}p{font-size:1rem}h2{font-size:2.2rem}h4{font-size:1.2rem;font-family:"Lato"}button{cursor:pointer}.App{width:100vw;min-height:100vh;background-color:#fff}.dark-bg{background-color:#212121}input:focus-visible,textarea:focus-visible{outline-color:#ecd033}@media only screen and (max-width:600px){input,textarea{font-size:1rem}}.navbar-container{width:100%}.navbar{height:40px;padding:20px 60px;display:flex;align-items:center;border-bottom:1px solid #f2f2f2}.navbar .nav-links{margin-left:auto}.navbar a{height:100%;margin-left:16px;padding:6px;font-weight:700;text-decoration:none;font-size:1rem}.nav-logo-link{margin-left:0!important}.nav-logo{height:40px;margin-top:5px}.dark-mode-icon{height:25px;margin-left:48px;margin-top:5px;cursor:pointer}.navlink-active{border-bottom:3px solid #ecd033}.navbar-dark{height:40px;padding:20px 60px;display:flex;align-items:center;border-bottom:1px solid #3f3f3f}.navbar-dark .nav-links{margin-left:auto}.navbar-dark a{margin-left:16px;text-decoration:none;padding:6px;color:#fff;font-size:1rem}@media only screen and (max-width:600px){.navbar,.navbar-dark{padding:20px 40px}.navbar-dark a,.navbar a{font-size:.9rem}.dark-mode-icon{margin-left:20px}}.home{width:100%;display:flex;flex-direction:column;align-items:center}.quote-body{width:100%;max-width:800px;margin:60px 20px 30px}.quote-text{margin:40px;font-size:2.2rem}.author-body{display:flex;justify-content:center;align-items:center}.author-name{margin-left:30px;font-size:1.3rem;border-bottom:3px solid #ecd033}.author-name:hover{color:#ecd033}.author-link{text-decoration:none}.author-link,.save-alert{display:flex;justify-content:center;align-items:center}.save-alert{margin-left:600px;padding:12px 16px;position:absolute;background:#ecd033;border:2px solid #ecd033;border-radius:15px}.save-notification{font-weight:700;font-size:.9rem}.icon-wrapper{display:flex;justify-content:space-between;align-items:flex-start;width:80px;margin:12px 24px;padding:6px}.hide{display:none}.quote-actions{width:100%;display:flex;justify-content:center;align-items:center}.new-quote-btn{width:100%;max-width:300px;height:60px;margin:20px;background-color:#fff;border:2px solid #212121;border-radius:15px;font-size:1.1rem;font-weight:700;transition:all .2s linear}.new-quote-btn:hover{background-color:#ecd033}.home-dark{width:100%;display:flex;flex-direction:column;align-items:center}.home-dark h2,.home-dark h4,.home-dark p{color:#fff}@media only screen and (max-width:600px){.quote-body{margin:0 0 20px}.quote-text{margin:40px;font-size:1.6rem}.author-body,.author-link{flex-direction:column}.author-image{height:75px}.author-name{margin-left:0;margin-top:10px;font-size:1.1rem}.save-alert{margin-left:240px;margin-top:110px}}.heart-icon,.speech-icon{height:25px;cursor:pointer}.speech-icon{width:30px}.my-quotes{flex-direction:column;align-items:center}.my-quotes,.tab-bar{width:100%;display:flex}.tab-bar{max-width:825px;height:50px;margin-top:20px;border-bottom:1px solid #ecd033}.tab-btn{max-width:150px;padding:4px 18px;background-color:transparent;border:1.5px solid #ecd033;font-weight:700;font-size:.9rem;margin-bottom:-1px}.left-tab{max-width:200px;border-radius:10px 0 0 0}.right-tab{max-width:200px;border-radius:0 10px 0 0}.active-tab,.add-quote-btn{background-color:#ecd033}.add-quote-btn{margin-left:auto;border-radius:10px 10px 0 0}.quote-card-container{width:100%;max-width:825px;height:75vh;max-height:750px;overflow-y:scroll;background-color:#f2f2f2;display:flex;justify-content:center;border-bottom:1px solid #ecd033}.add-quote-desktop-txt{font-size:.9rem}.add-quote-responsive-txt{display:none}.my-quotes-dark{width:100%;display:flex;flex-direction:column;align-items:center}.my-quotes-dark button,.my-quotes-dark h2{color:#fff}.my-quotes-dark .active-tab,.my-quotes-dark .add-quote-btn{color:#212121}.my-quotes-dark .quote-card-container{background-color:#2f2f2f}@media only screen and (max-width:825px){.tab-btn{width:40%}}@media only screen and (max-width:600px){.add-quote-btn{width:10%;min-width:50px}.add-quote-desktop-txt{display:none}.add-quote-responsive-txt{display:block;font-size:2rem;font-weight:400}}.quote-card{width:85vw;max-width:750px;min-height:120px;margin:20px;display:flex;align-items:center;border:1px solid #d3d3d3;border-radius:10px;background-color:#fff}.card-avatar-section{width:25%;min-width:100px;display:flex;justify-content:center}.quote-avatar{height:80px}.card-body-section{width:100%;padding:6px}.card-remove-section{width:10%;min-width:40px;display:flex;justify-content:center}.remove-btn{width:32px;height:32px;font-weight:700;color:#b4b4b4;background-color:transparent;border:none;border-radius:50px;text-align:center;font-size:1rem}.remove-btn:hover{color:#fff;background-color:#d15151}.quote-card-text{padding:6px}.quote-card-author{padding:6px;font-size:1rem}.quote-card-dark{width:85vw;max-width:750px;min-height:120px;margin:20px 0;display:flex;align-items:center;border:1px solid #161616;border-radius:10px;background-color:#212121}.quote-card-dark h4,.quote-card-dark p{color:#fff}.quote-card-dark .remove-btn:hover{color:#212121}@media only screen and (max-width:825px){.quote-avatar{height:70px;margin-left:0}}.saved-quotes-container{display:flex;flex-direction:column;align-items:center}.saved-quotes-message{width:100%;margin-top:100px;font-size:1.5rem}.custom-quotes-container,.saved-quotes-container-dark{display:flex;flex-direction:column;align-items:center}.custom-quotes-container{justify-content:center;padding:20px}.custom-quotes-message{width:100%;max-width:650px;font-size:1.3rem;text-align:center}.create-quote-link{cursor:pointer;border-bottom:3px solid transparent}.create-quote-link:hover{border-bottom:3px solid #ecd033}.custom-quotes-container-dark{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.custom-quotes-container-dark .create-quote-link{color:#fff}.add-quote-container{width:100%;min-height:500px;display:flex;justify-content:center}.add-quote-form{width:100%;display:flex;flex-direction:column;align-items:center;margin:30px}.form-label{margin:15px 0;font-size:1.2rem;font-weight:700}.form-input-text{height:45px;margin-bottom:25px}.form-input-text,.form-input-textarea{width:100%;max-width:600px;border:1px solid #d3d3d3;border-radius:10px}.form-input-textarea{height:140px;resize:none}.char-limit-container{width:100%;max-width:600px;display:flex;justify-content:flex-end}.char-limit,.char-limit-max{margin-bottom:30px;font-size:.8rem}.char-limit-max{color:rgb(206 37 37)}.form-submit-btn{width:100%;max-width:600px;height:45px;margin-bottom:10px;padding:6px 22px;border-radius:10px;border:1px solid #2f2f2f;background-color:#ecd033;font-size:1rem;font-weight:700;cursor:pointer}.add-quote-container-dark{width:100%;min-height:500px;display:flex;justify-content:center}.add-quote-container-dark .form-label{color:#fff}.add-quote-container-dark .form-input-text,.add-quote-container-dark .form-input-textarea{background-color:#f2f2f2}.add-quote-container-dark .char-limit{color:#fff}@media only screen and (max-width:600px){.form-label{font-size:1.1rem}}
/*# sourceMappingURL=main.8b935add.chunk.css.map */