*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--lightBlue:#1877f2;--darkBlue:blue;--lightGrey:#e4e6eb;--darkGrey:#ced0d4;--white:#fff}::-webkit-scrollbar-track{background-color:#f5f5f5;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar{background-color:#f5f5f5;width:10px}::-webkit-scrollbar-thumb{background-color:#e4e6eb;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.homepage{height:100vh;overflow:hidden}.homepage__postSection{height:92vh;overflow-x:hidden;overflow-y:auto;padding:20px 10px 10px}.navbar{background-color:#fff;height:8vh;justify-content:space-between;padding:0 15px;position:relative;width:100%}.navbar,.navbar__logo{align-items:center;display:flex}.navbar__logo{color:var(--darkBlue);cursor:pointer;font-size:2.4rem;width:20%}.navbar__logo>span{font-size:1.4rem;font-weight:500;margin-left:5px}.navbar__logo>span>small{font-size:.85rem;font-weight:700;margin-left:1px}.navbar__nav{display:flex;justify-content:center;list-style:none;width:20%}.navbar__navitem{border-bottom:1.9px solid transparent;cursor:pointer;font-size:1.2rem;margin:0 10px;padding:2px 5px;transition-duration:.4s;transition-property:color}.navbar__navitem--active,.navbar__navitem:hover{border-color:var(--darkBlue);color:var(--darkBlue)}.navbar__setting{width:20%}.navbar__settingToggle{align-items:center;background-color:var(--lightGrey);border-radius:5px;cursor:pointer;display:flex;font-size:1.3rem;height:30px;justify-content:center;margin-left:auto;transition-duration:.4s;width:45px}.navbar__settingToggle--active,.navbar__settingToggle:hover{color:var(--darkBlue)}.navbar__settingOverlay{background-color:var(--white);border-radius:10px;box-shadow:2px 2px 10px rgba(0,0,0,.26);padding:0 10px;position:absolute;right:20px;top:calc(8vh - 2px);width:160px;z-index:100}.navbar__nav--setting{height:100%;list-style:none}.navbar__navitem--setting{align-items:center;border-radius:15px;cursor:pointer;display:flex;margin:10px 0;padding:5px 20px;transition-duration:.4s}.navbar__navitem--setting:hover{background-color:var(--lightGrey);color:var(--lightBlue)}.navbar__nav--setting>hr{background-color:var(--darkGrey);border:none;height:1.5px;margin:30px 0 0}.postcard{background-color:var(--white);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto auto 15px;overflow:hidden;width:550px}.postcard__header{align-items:flex-end;display:flex;height:50px;padding:0 0 3px 30px;text-transform:capitalize}.postcard__header>h5{color:rgba(0,0,0,.8);font-size:1.5rem}.postcard__header>span{display:flex;flex-direction:column;justify-content:center;padding-left:10px}.postcard__header>span>h4{font-size:1rem;font-weight:500}.postcard__header>span>small{color:#6f6e6e;font-size:.6rem;font-weight:500}.postcard__header>h6{align-items:center;color:gray;cursor:pointer;display:flex;font-size:1.1rem;margin:auto 25px auto auto;transition-duration:.3s}.postcard__header>h6>button{background-color:rgba(255,0,0,.4);border:none;border-radius:3px;color:#fff;display:none;font-size:.7rem;font-weight:700;margin-left:10px;padding:5px;text-transform:uppercase;transition-duration:.3s}.postcard__headerDelBtnShow{display:block!important}.postcard__header>h6>button:hover{background-color:red}.postcard__header>h6:hover{color:#000}.postcard__description{border-bottom:1px solid var(--darkGrey);font-size:.95rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-bottom:10px;padding:5px 30px 10px}.postcard__image{display:flex;justify-content:center;max-height:270px;min-height:170px}.postcard__image>img{max-height:270px;min-height:170px;object-fit:contain}.postcard__voteContainer{align-items:center;border-bottom:1px solid var(--darkGrey);border-top:1px solid var(--darkGrey);color:var(--darkGrey);display:flex;height:40px;justify-content:flex-end;margin:10px 30px 20px;padding:10px}.postcard__voted--up{color:green}.postcard__voted--down{color:red}.postcard__vote{align-items:center;cursor:pointer;display:flex;font-size:1.05rem;transition-duration:.3s}.postcard__vote--upvote{margin-left:10px}.postcard__vote--upvote:hover{color:green}.postcard__vote--downvote{margin-right:5px}.postcard__vote--downvote:hover{color:red}.likedpage{height:100vh;overflow:hidden}.likedpage__postSection{height:92vh;overflow-x:hidden;overflow-y:auto;padding:20px 10px 10px}.addPostPage{height:100vh;overflow:hidden}.addPostPage__addPostSection{align-items:center;display:flex;height:92vh;justify-content:center;overflow:hidden;padding-bottom:8vh}.addPostPage__form{background-color:var(--white);border-radius:10px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:450px;justify-content:space-between;width:550px}.addPostPage__form>h4{border-bottom:1px solid #ced0d4;font-size:1.3rem;padding:15px 0;text-align:center}.addPostPage__form>textarea{border:none;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:1rem;height:180px;margin:0 35px;overflow:hidden;padding:20px;resize:none}.addPostPage__form>textarea:focus{box-shadow:0 0 10px rgba(0,0,0,.2);outline:none}.addPostPage__formImg{border:none;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);height:80px;margin:0 35px;overflow:hidden;position:relative}.addPostPage__formImg>button{align-items:center;background-color:transparent;border:none;color:#757575;display:flex;font-size:1.1rem;font-weight:400;margin-left:35px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.addPostPage__formImg>button>span{color:green;font-size:2rem;margin-right:8px;margin-top:5px}.addPostPage__formImg>input{cursor:pointer;height:100%;opacity:0;width:100%}.addPostPage__form>button{background-color:var(--lightBlue);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin:0 35px 20px;padding:5px}.addPostPage__form>button:hover{margin:1px 36px 21px;padding:4px}#error{color:red;font-size:.9rem;height:15px;margin-left:auto;margin-right:35px;margin-top:-15px}.myPostPage{height:100vh;overflow:hidden}.myPostPage__postSection{height:92vh;overflow-x:hidden;overflow-y:auto;padding:20px 10px 10px}.profilePage__profileSection{align-items:center;display:flex;height:92vh;justify-content:center;overflow:hidden;padding-bottom:8vh}.profilePage__form{background-color:var(--white);border-radius:10px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:550px;justify-content:space-between;width:550px}.profilePage__form>h4{border-bottom:1px solid #ced0d4;font-size:1.3rem;padding:15px 0;position:relative;text-align:center}.profilePage__formToggleEdit{background-color:var(--lightGrey);border-radius:5px;cursor:pointer;font-size:1.2rem;padding:2px 5px 0;position:absolute;right:20px;transition-duration:.3s}.profilePage__formToggleEdit--active,.profilePage__formToggleEdit:hover{color:var(--darkBlue)}.profilePage__formInputGroup{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;margin:0 35px;position:relative}.profilePage__formInputGroup>span{align-items:center;display:flex;font-size:1.6rem;justify-content:center;width:10%}.profilePage__formInputGroup>input{background-color:transparent;border:none;font-size:1.1rem;outline:none;padding:12px 20px 12px 10px;width:90%}.profilePage__formInputButton{background-color:var(--lightBlue);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin:0 35px 20px;padding:5px}.profilePage__formInputButton:hover{margin:1px 36px 21px;padding:4px}.profilePage__formInputGroup--info{border-radius:0;box-shadow:none}.profilePage__formInputGroup--infoFirst,.profilePage__formInputGroup--infoLast{border-bottom:1px solid var(--darkGrey);border-top:1px solid var(--darkGrey)}.profilePage__formInputGroup--infoLast{margin-bottom:104px}#passwordError{bottom:-23px;color:red;font-size:.9rem;position:absolute;right:5px}.error404{align-items:center;display:flex;height:100vh;justify-content:center}.error404>h1{background-color:var(--white);border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--lightBlue);padding:20px 80px;text-transform:uppercase}.loginPage{flex-direction:column;height:100vh;justify-content:center}.loginPage,.loginPage__logo{align-items:center;display:flex}.loginPage__logo{color:var(--darkBlue);cursor:pointer;font-size:5rem;margin-top:-70px}.loginPage__logo>span{font-size:3rem;font-weight:500;margin-left:5px}.loginPage__logo>span>small{font-size:1.8rem;font-weight:700;margin-left:1px}.loginPage__description{font-size:1.5rem;max-width:700px;min-width:450px;text-align:center}.loginPage__form{background-color:var(--white);border-radius:10px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:350px;justify-content:space-between;margin-top:70px;width:420px}.loginPage__form>h4{border-bottom:1px solid #ced0d4;font-size:1.3rem;padding:15px 0;text-align:center}.loginPage__formInputGroup{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;margin:0 35px;position:relative}.loginPage__formInputGroup>input{background-color:transparent;border:none;font-size:1.1rem;outline:none;padding:12px 40px 12px 30px;width:100%}.loginPage__formInputGroup>span{align-items:center;cursor:pointer;display:flex;font-size:1.2rem;height:100%;justify-content:left;position:absolute;right:0;transition-duration:.3s;width:30px}.loginPage__formInputGroup>span:hover{color:var(--lightBlue)}.loginPage__formInputButton{background-color:var(--lightBlue);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin:0 35px 20px;padding:5px}.loginPage__formInputButton:hover{margin:1px 36px 21px;padding:4px}.loginPage__form>p{color:var(--lightBlue);cursor:pointer;font-size:.9rem;margin:-55px 0 20px 35px;text-transform:lowercase;transition-duration:.3s}.loginPage__form>p:hover{color:var(--darkBlue)}#loginError{bottom:-25px;color:red;font-size:.9rem;position:absolute;right:5px}.registerPage{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.registerPage__logo{align-items:center;color:var(--darkBlue);cursor:pointer;display:flex;font-size:5rem;margin-top:-70px}.registerPage__logo>span{font-size:3rem;font-weight:500;margin-left:5px}.registerPage__logo>span>small{font-size:1.8rem;font-weight:700;margin-left:1px}.registerPage__form{background-color:var(--white);border-radius:10px;box-shadow:-2px 2px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;height:450px;justify-content:space-between;margin-top:70px;width:420px}.registerPage__form>h4{border-bottom:1px solid #ced0d4;font-size:1.3rem;padding:15px 0;text-align:center}.registerPage__formInputGroup{border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;margin:0 35px;position:relative}.registerPage__formInputGroup>input{background-color:transparent;border:none;font-size:1.1rem;outline:none;padding:12px 40px 12px 30px;width:100%}.registerPage__formInputGroup>span{align-items:center;cursor:pointer;display:flex;font-size:1.2rem;height:100%;justify-content:left;position:absolute;right:0;transition-duration:.3s;width:30px}.registerPage__formInputGroup>span:hover{color:var(--lightBlue)}.registerPage__formInputButton{background-color:var(--lightBlue);border:none;border-radius:5px;color:var(--white);cursor:pointer;font-size:1rem;margin:10px 35px 25px;padding:5px}.registerPage__formInputButton:hover{margin:11px 36px 26px;padding:4px}.registerPage__form>p{color:var(--lightBlue);cursor:pointer;font-size:.9rem;margin:-40px 0 20px 35px;text-transform:lowercase;transition-duration:.3s}.registerPage__form>p:hover{color:var(--darkBlue)}#pwdError{bottom:-23px;color:red;font-size:.9rem;position:absolute;right:5px}
/*# sourceMappingURL=main.0c2febea.css.map*/