.card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:50px;color:#fff;background-image:linear-gradient(90deg,var(--secondary-color),#353a41);border-bottom:1px solid grey;padding:8px 10px}.card__title{flex:0.9 1;text-align:left;overflow:hidden;font-size:90%;margin-left:10px}.card__time{flex:0.1 1;text-align:right;font-size:9px;margin-left:4px}.card__context{display:none}.card.active{background-image:linear-gradient(90deg,var(--tertiary-color),var(--tertiary-color));color:#fff}.card:hover{background-image:linear-gradient(90deg,var(--secondary-color),#505763);color:#fff;transition:color .1s ease-out;transition:background-image 1s ease-in;cursor:pointer}.card:hover.active{background-image:linear-gradient(90deg,var(--tertiary-color),var(--tertiary-color))}.form,.formDiv{display:flex;width:100%;height:100%}.form{flex-direction:column;justify-content:center;margin-top:20px}.form__context,.form__title{width:100%;margin:6px 0}.form__context{height:40%;min-height:20%;max-width:100%;min-width:100%}.form__tag{display:flex;align-items:center;width:15%;margin:6px 0}.form__submit{display:block;width:90px;height:40px;margin:6px 0 6px 87%;font-size:18px;font-weight:500;cursor:pointer;border-radius:12px;border:none;color:#fff;background-color:var(--tertiary-color)}.form__submit,.form__submit:hover{transition:background-color .2s ease-out}.form__submit:hover{background-color:#42ad8a;border-radius:16px}.form__tagList{display:flex;flex-direction:row}.form__option{background-color:var(--tertiary-color);border-radius:4px;margin-right:4px;height:25px;min-width:20px;padding:8px;text-align:center;font-size:16px;color:#fff}.form__option.selected,.form__option:hover{background-color:var(--secondary-color)}.form__option:hover{border-radius:4px;margin-right:4px}.popup{position:fixed;top:0;left:0;height:100vh;background-color:rgba(0,0,0,.5)}.popup,.popup__inner{width:100%;display:flex;justify-content:center;align-items:center}.popup__inner{position:relative;padding:32px;height:40%;max-width:640px;top:5%;left:17%;background-color:#f4f4f4;color:red;flex-direction:column;border-radius:10px;box-shadow:5px 5px 3px #303030}.closeBtn{position:absolute;top:16px;right:16px;padding:2px;cursor:pointer;border:none;border-radius:4px;color:#fff;background-color:var(--tertiary-color)}.closeBtn,.closeBtn:hover{transition:background-color .2s ease-out}.closeBtn:hover{background-color:#42ad8a}.sidebar{display:flex;flex-direction:column;flex:0.2 1;height:100%;z-index:95;background-color:var(--quaternary-color);justify-content:space-between}.sidebar.inactive{flex:0.15 1;transition:flex .2s ease-out}.sidebar__top{display:inline-block;height:80vh;background-color:var(--secondary-color);overflow:auto;scrollbar-width:thin}.sidebar__footer{text-align:center;height:10vh;background-color:#263b34;box-shadow:0 0 4px 0 grey}.newPost,.sidebar__footer{display:flex;align-items:center}.newPost{position:fixed;bottom:4px;justify-content:space-between;padding:0 4px;width:24px;height:30px;background-image:radial-gradient(circle,#5df3c1,var(--tertiary-color),#5df3c1);transition:background-image .3s ease-in;border-radius:0 14px 14px 0;transition:border-radius .3s ease-out;transition:width .2s ease-out}.newPost,.newPost:hover{color:var(--primary-color)}.newPost:hover{width:90px;font-size:12px;border:none;border-radius:0 4px 4px 0;box-shadow:none;cursor:pointer;background-image:linear-gradient(90deg,var(--tertiary-color),#90ee90)}.newPost__icon{display:inline-block;margin-left:4px;font-size:16px!important}.newPost__text{display:none}.newPost:hover>.newPost__text{display:inline-block;white-space:nowrap}.header{flex-direction:row;max-height:10vh;min-height:10vh;background-image:linear-gradient(90deg,var(--primary-color) 0,#3b4149 14%,var(--primary-color) 25%);padding:0 8px;position:sticky;top:0;z-index:100}.header,.header__left{display:flex;align-items:center;justify-content:space-between}.header__left{flex:0.2 1}.header__right{display:flex;align-items:center;flex-direction:column;height:25px;margin-right:20px;object-fit:contain}.header__logo{font-size:35px;text-align:center;object-fit:contain;margin-left:50px;cursor:pointer}.header__center{display:flex;align-items:center;width:40%}.header__center>input{flex:1 1;border:none;height:22px}.header__inputButton{width:50px!important;background-color:#fafafa;border-left:1px solid grey;color:grey}.header__profile{color:var(--tertiary-color)}.rightIcon,.toggleMenu{cursor:pointer}.rightIcon{color:#add8e6}.dropZone{display:flex;position:absolute;align-items:center;justify-content:center;top:10vh;right:0;height:200px;width:400px;z-index:100;background-color:#fff;border:3px dashed grey;box-shadow:-4px 4px 4px -2px grey}.dropZone.inactive{display:none}.dropZone__text{color:var(--primary-color);font-size:18px}.upload{display:flex;cursor:pointer;height:100%;flex:1 1;text-align:center;align-items:center;justify-content:center}.header__right.inactive{visibility:hidden}.blog{display:flex;flex-direction:column;flex:1 1;height:90vh;padding:8%;color:#000}.blog__title{display:block;font-size:80px;text-align:center;flex:0.8 1}.blog__time{display:flex;flex:0.2 1}.blog__context{display:flex;margin-top:60px;flex:1 1;font-size:18px;font-weight:100;text-align:justify;text-justify:inter-word}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#000;background-color:#fafafa}.banner{text-align:center}.footNote{position:fixed;right:20px;bottom:10px}.feed{flex-direction:column;background-color:var(--quaternary-color);flex:0.8 1;height:100%;min-height:100vh;overflow:scroll;scrollbar-width:thin}.feed,.tag{display:flex}.tag{align-items:center;flex-direction:row;height:50px;width:100%;color:#fff}.tag.active{background-color:var(--secondary-color);border-radius:0}.tag__text{display:block;padding-left:10px;font-size:17px;max-width:100%;font-weight:400;overflow-x:hidden}.tag__text.inactive{display:none}.tag__icon{margin-left:4px;font-size:32px!important}.tag.active>.tag__icon{color:var(--tertiary-color)}.tag.active>.tag__text{font-weight:700}.tag:hover{background-color:var(--tertiary-color);border-radius:10px;color:var(--secondary-color);transition:color .1s ease-out;transition:background-color .1s ease-out;cursor:pointer}.tag:hover>.tag__icon{color:var(--primary-color)}.tag:hover>.tag__text{font-weight:700!important}.tagBar{display:flex;flex-direction:column;height:100%;width:130px;z-index:100;background-color:var(--primary-color);box-shadow:0 4px 4px 0 grey;transition:width .2s}.tagBar.inactive{width:40px;transition:width .2s}.logout{display:flex;align-items:center;flex-direction:row;height:50px;width:100%;color:#fff;position:fixed;bottom:4px;margin-left:6px;font-size:28px!important;cursor:pointer}body{--primary-color:#232931;--secondary-color:#393e46;--tertiary-color:#4ecca3;--quaternary-color:#eee;margin:0}.app{position:fixed;background-color:var(--quaternary-color);color:var(--quaternary-color);flex-direction:column;height:100vh;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.app,.page{display:flex;width:100vw}.page{align-items:center;height:90vh;flex-direction:row}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:var(--secondary-color)}::-webkit-scrollbar-thumb{background-image:linear-gradient(grey,grey);border-radius:2px}*{margin:0}
/*# sourceMappingURL=main.b70f9d2d.chunk.css.map */