@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i);@import url(https://fonts.googleapis.com/css?family=Roboto:300);body{margin:0;padding:0;height:100%;width:100%;background-color:var(--ONYX-1)}*{box-sizing:border-box}:root{--LSG-1:#eaf6f6;--LSG-2:#9ad3d3;--LSG-3:#71c2c2;--LSG-4:#49b1b1;--LSG-5:#21a0a0;--LSG-6:#1c8383;--LSG-7:#156666;--LSG-8:#0f4949;--LSG-9:#0f4949;--ONYX-1:#eceded;--ONYX-2:#dadbdb;--ONYX-3:#b5b7b8;--ONYX-4:#595d5f;--ONYX-5:#35393c;--ONYX-6:#2c2f32;--ONYX-7:#222527}.App{display:flex;flex-direction:column;font-family:Open Sans,sans-serif;height:100%}.main{flex-direction:row;justify-content:center}.content-well,.main{display:flex;width:100%;height:100%}.content-well{max-width:800px;background-color:#fff;flex-direction:column;justify-content:flex-start;align-items:center;margin-left:auto;margin-right:auto;padding:0 20px}.button{color:#1c8383;color:var(--LSG-6);border:1px solid #1c8383;border:1px solid var(--LSG-6);border-radius:5px;padding:7px 10px;text-transform:uppercase;font-size:.9em;-webkit-transition-duration:.4s;transition-duration:.4s;background-color:initial}.button:hover{color:#eceded;color:var(--ONYX-1);background-color:#1c8383;background-color:var(--LSG-6)}a:link,a:visited{color:#156666;color:var(--LSG-7)}a:hover{color:#0f4949;color:var(--LSG-8)}.header{height:100px;background-color:#fff;border-bottom:1px solid var(--LSG-1)}.header,.header__content{display:flex;flex-direction:row;justify-content:center}.header__content{align-items:center;width:600px}.header__content h1{padding:10px;margin:0;font-size:2.5em;text-transform:uppercase;color:var(--LSG-6);font-family:Roboto;font-weight:700}.button__hamburger{font-size:25px;padding:10px;margin:0;background:none;border:none;color:var(--LSG-5);cursor:pointer;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.button__hamburger--close{font-size:28px}.button__hamburger:focus{outline:none}.invisibleButton--header{padding:0;margin:0;cursor:pointer;background-color:#fff}.nav{background:#fff;width:200px;padding:10px;height:100%;opacity:0;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;position:fixed;right:0;top:0;-webkit-transform:translateX(200px);transform:translateX(200px);border-left:1px solid var(--ONYX-1)}.nav--open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.navButtonsContainer{display:flex;flex-direction:column;padding:10px;margin:5px}.navButtonsContainer *{margin:5px}.topicsList{display:flex;flex-direction:column;align-items:flex-start;margin:5px 10px;padding:5px 15px}.topicSlug{margin:5px}.topicList{list-style:none;padding:0;margin:0}.title--nav{text-transform:uppercase;font-size:.8em;color:var(--LSG-6);margin:5px}.button--nav--danger{background-color:var(--LSG-7);color:var(--ONYX-1);text-transform:uppercase;font-size:.9em;border:none}.button--nav--danger:hover{background-color:var(--LSG-8)}.navLink{text-decoration:none;text-transform:uppercase;font-size:.9em}.userDetails{display:flex;flex-direction:row;justify-content:center;align-items:center}.userDetails__username{margin:10px}.userDetails__avatar{height:30px}.nav__user{position:absolute;bottom:0;margin:0 auto}.pageNav{width:250px;margin:20px auto;display:flex;flex-direction:row;justify-content:space-evenly}.button--pagination{background-color:var(--LSG-6);color:#fff;font-size:.8em;border:1px solid var(--LSG-7)}.button--pagination:hover{color:var(--LSG-5);background-color:var(--ONYX-1);font-size:.8em}.button--disabled{background-color:var(--ONYX-2)!important;color:#8b8b8b;border-color:#8b8b8b;cursor:not-allowed}.button--disabled:hover{color:var(--ONYX-4)}.description--noarticles{margin:30px 10px}.title{font-size:1.5em;text-align:left;color:var(--LSG-7);margin:0}.title--noarticles{font-size:4.5em;padding:10px;margin:10px}article{padding:10px;margin:10px;background-color:#fff;text-align:center}img{height:50px}.cardList{align-items:center}.card,.cardList{display:flex;flex-direction:column}.card{border:2px solid var(--LSG-2);background-color:var(--LSG-1);justify-content:center;padding:20px;margin:10px auto;width:100%;max-width:600px}.card *{margin:0;padding:0;text-decoration:none}.card__title{font-size:1.5em;color:var(--LSG-7);padding:5px;font-family:Roboto}.card__title:hover{color:var(--LSG-8)}.card__authortopicdate{font-size:.8em;color:var(--LSG-7)}.sortBar{width:100%;max-width:600px;padding:5px 5px 0;margin-top:5px;display:flex;justify-content:center;align-items:center}.sortOption{flex:1 1;text-align:center}.sortLabel{text-transform:uppercase;cursor:pointer;color:var(--LSG-7);font-weight:700;font-size:.75em;letter-spacing:1px;display:inline-block;padding:5px;width:100%;border-bottom:3px solid transparent}.app-nav__input{opacity:0;position:absolute;left:-1000px}.app-nav__input:checked+label{color:var(--LSG-6);cursor:inherit;border-bottom:3px solid var(--LSG-2)}.loadingAnimation{padding:10px}.load-wrapp{width:100px;height:100px;margin:20px;padding:20px}.line{display:inline-block;width:15px;height:15px;border-radius:15px;background-color:var(--LSG-4)}.load-3 .line:last-child{-webkit-animation:loadingC .6s linear .1s infinite;animation:loadingC .6s linear .1s infinite;margin:2px}.load-3 .line:nth-last-child(2){-webkit-animation:loadingC .6s linear .2s infinite;animation:loadingC .6s linear .2s infinite;margin:2px}.load-3 .line:nth-last-child(3){margin:2px;-webkit-animation:loadingC .6s linear .3s infinite;animation:loadingC .6s linear .3s infinite}@-webkit-keyframes loadingC{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes loadingC{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(15px);transform:translateY(15px)}to{-webkit-transform:translate(0);transform:translate(0)}}.footer__text{text-transform:uppercase;font-size:12px;text-align:center}.footer{margin:0 auto;width:100%;min-height:40px;border-top:1px solid var(--ONYX-2);display:flex;flex-direction:row;align-items:center;justify-content:center}.content-well--singleArticle{max-width:800px;margin:auto;padding:30px}.content-well__singleArticle__header{display:flex;flex-direction:row;align-items:center;max-width:700px;width:100%;min-height:80px;padding:10px}.content-well__singleArticle__header__right{display:flex;flex-direction:column;align-items:flex-start;padding-left:20px;width:100%}.bodyTextContainer{padding:10px 30px;width:100%;max-width:700px}.bodyText{text-align:left;line-height:1.5em;color:var(--LSG-8)}.button--delete{background-color:var(--LSG-8);color:var(--ONYX-1);border:none;padding:2px 5px;font-size:.7em;margin-left:5px}.subTitle{display:flex;flex-direction:row;justify-content:flex-start;align-items:baseline;width:100%;padding:5px;margin:0 auto}.details{text-transform:uppercase;font-size:.8em;margin:0;color:var(--LSG-5)}.votingContainer{display:flex;flex-direction:column;align-items:center}.votingContainer--comment{display:flex;justify-content:center;align-items:center;height:30px}.votingContainer *{padding:0;font-size:1em;margin:0}.button--voting{border:none;padding:5px;color:var(--LSG-6);font-size:28px}.invisibleButton{border:none;background-color:initial}.invisibleButton--comment{border:none;height:30px}.button--voting--disabled{color:var(--LSG-2)}.commentsContainer{max-width:700px;min-width:300px;width:100%}.comment{padding:10px;width:100%;margin:0 auto;border-bottom:1px solid var(--LSG-2)}.comment__header{text-align:center;display:flex;justify-content:center;align-items:center;color:var(--ONYX-6);text-transform:uppercase;font-size:.8em;width:100%;min-width:300px}.comment__body{text-align:left;line-height:1.5em;padding:10px;width:100%;margin:0 auto;font-size:.9em;color:var(--ONYX-5)}.title--comments{font-size:1.2em;text-align:center}.postCommentForm{display:flex;flex-direction:column;align-content:center;padding:0 20px 20px;width:100%;max-width:600px;min-width:300px;margin:0 auto}.postCommentForm__textarea{height:200px;padding:10px;margin:10px auto;background:transparent;outline:none;border:1px solid var(--LSG-3);font-size:14px;width:100%}.button--submit{margin:0 auto}.profile__userCard{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;margin:10px 0;height:100%}.profile__user_avatar{height:120px;margin:20px}.profile__userCard__textContainer{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:auto;margin-right:auto;padding:10px;height:100%}.profile__userCard__textContainer *{margin:0;padding:0}.profile__userName{font-size:2em;letter-spacing:1px;color:var(--LSG-5)}.profile__userHandle{color:var(--LSG-3);font-weight:300;font-size:1em;letter-spacing:.7px}.userArticleCards{margin-bottom:20px;width:100%}.userArticleCards h2{margin:10px 0;padding:10px;text-align:center;font-family:Roboto}@media only screen and (max-width:350px){.profile__userCard{flex-direction:column;justify-content:center;align-items:center;width:100%}.profile__user_avatar{height:100px}.profile__userCard__avatarContainer{max-height:130px}.profile__userCard__textContainer{align-items:center;justify-content:center;padding:10px;height:100%}}.authPageContainer{height:100vh;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.loginContainer{align-items:flex-start;padding:10px}.authPage__main,.loginContainer{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:800px;width:100%}.authPage__main{min-height:300px;background-color:#fff;padding:30px 50px;border-radius:5px}.authPage__header h1,.authPage__header h3{margin:0;padding:0}.title--auth{color:var(--LSG-5);font-size:3em;padding-bottom:5px;font-weight:400;font-style:italic}.subTitle--auth{font-size:1.2em;text-align:center;color:var(--LSG-3);font-family:Roboto,sans-serif}.authPage__form{width:100%;padding:10px;margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.authPage__form__username{width:100%;text-align:center;padding:10px}.authPage__form__input,.authPage__form__label{font-size:.9em;margin:5px}.authPage__form__label{text-transform:uppercase;color:var(--LSG-5)}.authPage__form__input{border:1px solid var(--ONYX-3);padding:5px}.authPage__form__submit{width:100%;margin:5px auto;text-align:center}.feedback{display:flex;flex-direction:column;align-items:center}.authPage__header,.loader{display:flex;justify-content:center;width:100%;margin:0;padding:0}.load-wrapp--auth{margin:0;padding:0}.title--post{margin:20px}.postTopicForm{display:flex;flex-direction:column;align-items:center;max-width:700px;width:100%;margin-bottom:20px}.postTopicForm__input,.postTopicForm__textarea{width:100%;padding:10px;margin:5px;background:transparent;outline:none;border:1px solid var(--LSG-3);font-size:14px}.postTopicForm__textarea{height:200px}.button--submit{width:100px;margin:20px auto}.postArticleForm{display:flex;flex-direction:column;align-items:center;max-width:700px;width:100%;margin-bottom:20px}.postArticleForm__input,.postArticleForm__textarea{width:100%;padding:10px;margin:5px;background:transparent;outline:none;border:1px solid var(--LSG-3);font-size:14px}.postArticleForm__textarea{height:200px}.postArticleForm__select{width:100%;padding:11px 15px;margin:10px;border:1px solid var(--LSG-3);border-radius:0;font-size:14px;-webkit-transition:border-color .2s ease,outline .2s ease;transition:border-color .2s ease,outline .2s ease}.postArticleForm__select:hover{border-color:var(--LSG-8)}.postArticleForm__select:focus{outline:3px solid var(--LSG-4);outline-offset:-3px}.title--404{font-size:7em;font-weight:300px}.subTitle--404{font-size:2em;margin:0 auto;text-align:center;color:var(--LSG-6)}.description{font-size:1em;letter-spacing:.7px;text-align:center;color:var(--LSG-7)}.button--404{margin-bottom:40px}
/*# sourceMappingURL=main.6dd8aa7e.chunk.css.map */