@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{margin:0;padding:0}.nav{border-bottom:1px solid #fff;display:flex;flex-direction:row;justify-content:space-between;width:100%}.nav-list{justify-content:right}.nav-list,.nav-list-main{display:flex;list-style:none;margin:20px}.nav-list-main{justify-content:left;padding:0}.nav-item{margin:0 20px}.link{background-color:initial;border:none;color:#000;color:#fff}.create,.link{font-size:24px;font-weight:700}.create{background-color:#aee8ff;border-radius:6px;color:#000;padding:10px;text-decoration:none}.nav-toggle{display:none}.nav-open{border-bottom:1px solid #fff;display:flex;flex-direction:column;justify-content:space-between;margin:0;padding:0;width:100%}@media screen and (max-width:800px){.nav-toggle{cursor:pointer;display:block;margin:20px 0 0 20px}.nav-list-main{align-self:center;justify-self:center;margin:10px 0;width:100%}.nav{display:none}.nav-list{flex-direction:column;margin:0 0 20px;padding:0}.nav-item{align-self:center;justify-self:center;margin:10px 0;width:100%}}body{background-color:#1e1e1e;color:#fff;font-family:Lato,sans-serif}.App{padding:0}.App-header{box-sizing:border-box}.header{align-items:center;display:flex;flex-direction:row;height:50vh;justify-content:space-evenly}.headerText{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 20px;width:50%}.headerTitle{font-size:2.5em;font-weight:600;margin:20px 0 0}.headerDesc,.headerTitle{padding:0;text-align:left}.headerDesc{font-size:1.5em;font-weight:300;margin:10px 0 0}.headerBox{align-items:center;background-color:#fff;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:18px}.headerBoxText{color:#1e1e1e;font-size:1.3em;margin-top:10px;text-align:center}.headerBoxInput{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:10px 0 18px;width:90%}.headerBoxTextBox{background-color:initial;border:1px solid #1e1e1e;border-radius:4px;cursor:text;height:25px;outline:none;padding:4px 0 4px 12px;text-align:left;width:80%}.headerBoxButton{background-color:#1e1e1e;border:none;border-radius:4px;display:flex;margin-left:10px;padding:4px 12px}.main-img{height:200px;width:200px}@media screen and (max-width:900px){.header{align-items:center;flex-direction:column;height:80vh;justify-content:center}.headerText{max-width:90%;width:100%}.headerDesc,.headerTitle{text-align:center}.headerBox{border-radius:6px;margin:0 26px 26px;padding:18px}.headerBoxInput{width:100%}}.about{background-color:#fff;color:#1e1e1e;padding:20px 0 50px}.about-icon{align-items:center;background-color:#1e1e1e;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.row{flex-direction:row;margin-top:40px}.column,.row{display:flex;justify-content:space-evenly}.column{align-items:center;border-radius:12px;box-sizing:border-box;flex-direction:column;margin:0 20px;max-width:30%;padding:0 20px;text-align:center}.column h1{font-size:1.5em;font-weight:600;margin:20px 0 0;padding:0;text-align:center}.column p{font-size:1em;font-weight:300;margin-top:10px;text-align:center}@media screen and (max-width:900px){.about{padding:40px 0 20px}.about h1{font-size:2em;margin:0 20px;text-align:center}.row{align-items:center;flex-direction:column}.column{margin:20px 0;max-width:90%}}.customize{flex-direction:column;justify-content:center;margin-top:50px}.customize,.customize .row{align-items:center;display:flex}.customize .row{flex-direction:row;justify-content:space-evenly;width:100%}.customize .column{align-items:center;border:1px solid #1e1e1e;display:flex;justify-content:center;margin:0 20px;width:30%}.customize .column:hover{background-color:#1e1e1e;border:1px solid #1e1e1e;color:#fff}.customize .column h1{font-size:1.5em;font-weight:600;margin:20px;padding:0;text-align:center}@media screen and (max-width:900px){.customize .row{align-items:center;flex-direction:column;margin:0}.customize .column{margin:20px 0;width:90%}}.footer{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;flex-direction:column;justify-content:flex-start;padding:20px 0}.footerButton{background-color:#fff;border:none;border-radius:4px;color:#1e1e1e;cursor:pointer;margin-left:10px;padding:4px 12px;text-decoration:none}.footerLinks{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:10px}.footerLinks a{color:#fff;margin:0 10px;text-decoration:none}p{font-size:24px}#signup{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}#signup form{border:.5px solid #aee8ff;min-width:30%;padding:26px}#signup input[type=password],#signup input[type=text]{background-color:initial;border:1px solid #aee8ff;color:#aee8ff;min-width:40%;outline:none;padding:10px 12px;text-align:left}#signup input[type=submit]{width:80%}#signup input[type=submit],.login-google{background-color:#aee8ff;border:1px solid #1e1e1e;border-radius:6px;cursor:pointer;padding:10px}.login-google{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:auto;margin-right:auto;margin-top:10px}.profile-pic{border:3px solid #fff;border-radius:50%;box-shadow:0 0 5px #00000080;display:block;height:200px;margin:0 auto;object-fit:cover;width:200px}*{text-align:center}.loading{align-items:stretch;display:flex;flex-direction:column;height:80vh;justify-content:center}.dash-nav{align-items:center;border-bottom:1px solid #aee8ff;display:flex;flex-direction:row;justify-content:space-evenly;margin:20px 0;padding-bottom:20px}.dash-nav button{background-color:initial;border:none;color:#aee8ff;cursor:pointer;font-size:18px;padding:0 20px}.dash-nav button:hover{color:#00435d}.dashboard{align-items:center;display:flex;flex-direction:row;justify-content:center}.create-feed{margin-top:20px;max-width:80%;padding:10px}.create-feed,.create-feed form{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.create-feed form input{background-color:initial;border:.5px solid #aee8ff;border-radius:4px;color:#aee8ff;cursor:text;height:25px;margin:10px 0 18px;padding:4px 0 4px 12px;width:30%}.feedUrlLabel{align-items:center;display:flex;flex-direction:row;justify-content:center}.feedUrlLabel label{margin-left:10px}.create-feed form input[type=submit]:hover{background-color:#aee8ff;color:#000;cursor:pointer}.edit-feed{align-items:center;justify-content:center;margin-top:20px;max-width:80%;padding:10px;width:100%}.edit-feed,.edit-feed ul{display:flex;flex-direction:column}.edit-feed ul{align-items:flex-start;justify-content:flex-start;padding:0;text-align:left}.edit-feed ul li span{background-color:initial;border:none;color:#07a0ff;cursor:pointer;font-size:24px}.edit-feed ul li span button{margin-left:4px}.edit-feed ul li span a,.edit-feed ul li span button{background-color:initial;border:none;color:#07a0ff;cursor:pointer;font-size:18px}.edit-feed ul li span a{text-decoration:none}.feed-info{max-width:80%;padding:10px;width:100%}.feed-form{align-items:center;display:flex;flex-direction:column;justify-content:center}.feed-info input[type=text]{background-color:initial;border:.5px solid #aee8ff;border-radius:4px;color:#aee8ff;cursor:pointer;height:25px;margin:10px 0 0;padding:4px 0 4px 12px;width:30%}.feed-info input[type=color]{margin:10px 0 0}.feed-cols{flex-direction:row}.col-input,.feed-cols{align-items:center;display:flex;justify-content:center}.col-input{flex-direction:column;margin:0 10px}.col-input select{background-color:initial;border:.5px solid #aee8ff;border-radius:4px;color:#aee8ff;cursor:pointer;height:25px;margin:10px 0 18px;padding:4px 0 4px 12px;width:90%}.filter-checklist{flex-direction:row;margin:10px 0}.filter-checklist,.filter-checklist div{align-items:center;display:flex;justify-content:center}.filter-checklist div{flex-direction:column;margin:0 16px}.filter-checklist div input[type=checkbox]{background-color:initial;border:.5px solid #aee8ff;border-radius:4px;color:#aee8ff;cursor:pointer;height:18px;margin:10px 0 18px;padding:4px 0 4px 12px;width:90%}.password-protection{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:10px 0}.feed-submit,.theme-select{background-color:initial;border:.5px solid #aee8ff;border-radius:4px;color:#aee8ff;cursor:pointer;height:25px;margin:10px 0 18px;padding:4px 0 4px 12px;width:30%}.feed-submit:hover{background-color:#aee8ff;color:#000}.body{background-color:#fff}.feed-header{border-bottom:1px solid grey;display:flex;justify-content:space-between;padding:12px 24px}.feed-header span{font-size:24px}.feed-filters{align-items:center;display:flex;flex-direction:row;justify-content:left;padding:12px}.scroll{background-color:initial;font-size:1rem;line-height:1.6;max-width:95%;overflow-x:auto;overflow-y:hidden;padding:15px;white-space:nowrap;width:95%}.feed-filter{border:1px solid grey;border-radius:4px;cursor:pointer;justify-content:center;margin:0 6px;padding:6px 12px}.current-filters,.feed-filter{align-items:center;display:flex}.current-filters{border-bottom:1px solid grey;justify-content:left}.current-filter{align-items:center;border:1px solid grey;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin:12px 6px 12px 18px;padding:6px 12px}.feed,.feed-item{display:flex;flex-direction:column}.feed-item{align-items:start;border-bottom:1px solid grey;justify-content:left;padding:24px}.feed-item:hover{cursor:pointer}.feed-item-desc{text-align:left}.feed-footer{color:grey}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:120px;margin:100px auto 0;width:120px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.link{color:#3498db;text-decoration:none}.link:hover{color:#2980b9;text-decoration:underline}#portal .popup{align-items:center;background:#000000b3;bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0}.popup .popup-item{align-items:start;animation:animate .3s;background-color:#fff;border-radius:5px;display:flex;flex-direction:column;margin:0 14px;max-width:600px;padding:18px;position:relative;z-index:1}.feed-item-header{font-size:28px}.feed-item-desc{font-size:18px;margin-top:8px}.feed-footer{margin-top:12px}.feed-footer-bullet{margin:0 6px}@keyframes animate{0%{transform:scale(.5)}to{transform:scale(1)}}
/*# sourceMappingURL=main.4790dd40.css.map*/