@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap);#app{background-color:#777}*{font-family:Source Sans Pro,sans-serif;margin:0;padding:0;box-sizing:inherit}a,a:active,a:focus,a:hover{text-decoration:none;color:inherit}button,input,label,select,textarea{font-size:.95rem;margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1}input:focus{outline:0}.header{z-index:200;display:flex;position:fixed;top:0;width:100%;align-items:center;justify-content:space-between;height:10vh;background-color:#242424}.header__img{margin-left:5%;-o-object-fit:cover;object-fit:cover;height:10vh;width:220px}@media screen and (min-width:700px){.header,.header__img{height:7vh}}#signup[data-v-1d893b77]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:#242424;color:#fff;border-top-left-radius:15px;border-bottom-right-radius:15px;background-clip:padding-box;height:250px;width:80%;padding:5%}.signup__image[data-v-1d893b77]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.signup__button[data-v-1d893b77]{font-weight:700;border-radius:17.5px;width:90px;height:35px;background-color:#fff}.signup__button[data-v-1d893b77]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}#userName[data-v-1d893b77]{padding-left:15px}#password[data-v-1d893b77],#userName[data-v-1d893b77]{font-size:.95rem;padding-right:20px;border-radius:17.5px;width:110px;height:25px;border:2px solid grey;background-color:#fff}#password[data-v-1d893b77]{padding-left:20px}.signup__image+label[data-v-1d893b77]{display:flex;align-items:center;margin-bottom:5px;font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:110px;height:25px;text-overflow:ellipsis;overflow:hidden;color:#000;border:2px solid grey;background-color:#fff}@media screen and (min-width:700px){#signup[data-v-1d893b77]{max-width:350px;margin-left:auto;margin-right:auto}}#signup{height:100vh;background-color:#777;width:100%;display:flex;align-items:center;justify-content:center}.sidebar[data-v-373c2c6a]{border-right:2px solid #fff;background-color:rgba(36,36,36,.733);height:100%;width:20%;display:flex;position:fixed;top:10vh;right:-5px;flex-direction:column;align-items:center}.sidebar__icon[data-v-373c2c6a]{color:#fff;font-size:2.3rem;margin-top:25%}.show-enter-active[data-v-373c2c6a],.show-leave-active[data-v-373c2c6a]{transition:all .2s}.show-enter-from[data-v-373c2c6a],.show-leave-to[data-v-373c2c6a]{opacity:0;transform:translateX(80px)}@media screen and (min-width:700px){.sidebar[data-v-373c2c6a]{height:100%;width:20%;display:flex;position:fixed;top:7vh;right:-5px;flex-direction:column;align-items:center}.sidebar__icon[data-v-373c2c6a]{margin-top:120px}}.bars[data-v-23863c7e]{z-index:300;position:fixed;top:2.5vh;right:0;cursor:pointer;color:#fff;font-size:2rem;margin-right:5%}@media screen and (min-width:700px){.bars[data-v-23863c7e]{top:1.6vh}}.fa[data-v-34d91b80]{margin-right:5px}#postCreate[data-v-34d91b80]{background-color:#242424;width:90%;height:175px;margin-left:5%;margin-right:5%;border-top-left-radius:15px;border-bottom-right-radius:15px}.profil[data-v-34d91b80]{display:flex;width:90%;margin-right:5%;margin-left:5%}.profil__author[data-v-34d91b80]{color:#fff;margin-top:10px}.profil__profPic[data-v-34d91b80]{background-color:#fff;width:35px;height:35px;border-radius:100%;margin-right:10px;margin-top:10px;-o-object-fit:cover;object-fit:cover}.createPost[data-v-34d91b80]{display:flex;flex-direction:column;align-items:center;margin:10px}.createPost__title[data-v-34d91b80]{margin-bottom:5px;font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:60%;height:25px;border:2px solid grey;background-color:#fff}.createPost__image[data-v-34d91b80]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.createPost__btn[data-v-34d91b80]{font-weight:700;border-radius:17.5px;width:90px;height:35px;margin-top:5px;background-color:#fff}.createPost__btn[data-v-34d91b80]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}.createPost .createPost__image+label[data-v-34d91b80]{display:flex;align-items:center;margin-bottom:5px;font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:60%;height:25px;text-overflow:ellipsis;overflow:hidden;border:2px solid grey;background-color:#fff}@media screen and (min-width:700px){#postCreate[data-v-34d91b80]{max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:15px}}#post[data-v-941c5d04]{background-color:#242424;width:90%;border-bottom-left-radius:15px;margin-left:5%;margin-right:5%;margin-top:5px;border-top-left-radius:15px;border-bottom-right-radius:15px}.align[data-v-941c5d04]{display:flex;align-items:center}.profPic[data-v-941c5d04]{width:40px;height:40px;border-radius:100%;margin-right:5px;-o-object-fit:cover;object-fit:cover;border:2px solid #6e6e6e}.delete[data-v-941c5d04]{color:#fff}.post[data-v-941c5d04]{display:flex;flex-direction:column;width:100%;margin-bottom:22px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.post__delete[data-v-941c5d04]{width:20px;font-size:1.1rem}.post__delete[data-v-941c5d04]:hover{cursor:pointer}.post__author[data-v-941c5d04]{margin-top:20px;margin-bottom:15px;display:flex;justify-content:space-between;margin-left:25px;margin-right:10px;color:#fff;border-radius:17.5px;height:25px}.post__title[data-v-941c5d04]{margin-left:25px;color:#fff}.post__image[data-v-941c5d04]{margin-top:3%;width:100%;height:230px;-o-object-fit:cover;object-fit:cover;background-color:#fff}.post .delete[data-v-941c5d04]{color:#6e6e6e;padding-right:20px}.post .createComment[data-v-941c5d04]{display:flex;align-items:center;justify-content:space-between;background-color:#242424;width:100%;height:45px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:relative;padding-top:10px;padding-bottom:10px;border-top:1px solid #777}.post .createComment__author[data-v-941c5d04]{margin-left:20px;color:#fff}.post .createComment__form[data-v-941c5d04]{margin-right:20px}.post .createComment__form--content[data-v-941c5d04]{font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:150px;height:25px;margin-right:15px;border:2px solid grey;background-color:#fff}.post .createComment__form--button[data-v-941c5d04]{border-radius:17.5px;width:35px;height:35px;font-size:1.5rem;background-color:#fff}.post .createComment__form--button[data-v-941c5d04]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}.post .commentBox[data-v-941c5d04]{position:relative;background-color:#777}.post .comment[data-v-941c5d04]{color:#fff;background-color:#242424;width:100%;height:80px;position:relative;border-radius:15px;border-top:1px solid #777}.post .comment__author[data-v-941c5d04]{margin-left:20px;margin-top:10px;display:flex;justify-content:space-between}.post .comment__content[data-v-941c5d04]{margin-left:20px;margin-top:5px;width:85%;height:25px;padding:3px;border-radius:10px;background-color:#8a8a8a}@media screen and (min-width:700px){#post[data-v-941c5d04]{max-width:500px;margin-left:auto;margin-right:auto}.post__image[data-v-941c5d04]{height:300px}}#main{min-height:87vh;padding-top:11vh;padding-bottom:2vh;background-color:#777}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media screen and (min-width:700px){#main{min-height:90vh;padding-top:8vh}}#login[data-v-66eb0b8c]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;background:#242424;color:#fff;border-top-left-radius:15px;border-bottom-right-radius:15px;background-clip:padding-box;height:25%;width:80%;padding:5%}.login__button[data-v-66eb0b8c]{font-weight:700;border-radius:17.5px;width:90px;height:35px;background-color:#fff}.login__button[data-v-66eb0b8c]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}#userName[data-v-66eb0b8c]{padding-left:15px}#password[data-v-66eb0b8c],#userName[data-v-66eb0b8c]{font-size:.95rem;padding-right:20px;border-radius:17.5px;width:110px;height:25px;border:2px solid grey;background-color:#fff}#password[data-v-66eb0b8c]{padding-left:20px}@media screen and (min-width:700px){#login[data-v-66eb0b8c]{max-width:350px;margin-left:auto;margin-right:auto}}#login{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#777}#post[data-v-99e83b22]{background-color:#242424;width:90%;margin-left:5%;margin-right:5%;margin-top:5%;border-top-left-radius:15px;border-bottom-right-radius:15px}.profPic[data-v-99e83b22]{width:40px;height:40px;border-radius:100%;margin-right:5px;border:2px solid #6e6e6e}.align[data-v-99e83b22]{display:flex;align-items:center}.post[data-v-99e83b22]{display:flex;flex-direction:column}.post__author[data-v-99e83b22]{margin-left:25px;color:#fff;margin-top:10px}.post__title[data-v-99e83b22]{margin-left:25px;color:#fff;margin-top:5px}.post__image[data-v-99e83b22]{margin-top:3%;width:100%;height:330px;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:700px){#post[data-v-99e83b22]{max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:15px}.post__image[data-v-99e83b22]{height:450px}}.createComment[data-v-e1b293f4]{display:flex;align-items:center;justify-content:space-between;background-color:#242424;width:90%;height:65px;margin-right:5%;margin-left:5%;border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:1px solid #777}.createComment__author[data-v-e1b293f4]{margin-left:20px;color:#fff}.createComment__form[data-v-e1b293f4]{margin-right:20px}.createComment__form--content[data-v-e1b293f4]{font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:150px;height:25px;margin-right:15px;border:2px solid grey;background-color:#fff}.createComment__form--button[data-v-e1b293f4]{border-radius:17.5px;width:35px;height:35px;font-size:1.5rem;background-color:#fff}.createComment__form--button[data-v-e1b293f4]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}@media screen and (min-width:700px){.createComment[data-v-e1b293f4]{max-width:600px;margin-left:auto;margin-right:auto;margin-top:-15px}}.comment[data-v-5bb80b76]{color:#fff;background-color:#242424;width:90%;margin-left:5%;height:80px;position:relative;border-radius:15px;border-top:1px solid #777}.comment__author[data-v-5bb80b76]{margin-left:20px;margin-top:10px;display:flex;justify-content:space-between}.comment__content[data-v-5bb80b76]{margin-left:20px;margin-top:5px;width:85%;height:25px;padding:3px;border-radius:10px;background-color:#8a8a8a}@media screen and (min-width:700px){.comment[data-v-5bb80b76]{max-width:600px;margin-left:auto;margin-right:auto}}#onePost{min-height:87vh;padding-top:11vh;padding-bottom:2vh;background-color:#777}.profilBox[data-v-2a323fc6]{background-color:#242424;width:90%;height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top-left-radius:15px;border-bottom-right-radius:15px}.profilBox__info[data-v-2a323fc6]{color:#fff;margin-top:10px;margin-bottom:10px}.profilBox__input[data-v-2a323fc6]{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.profilBox__pic[data-v-2a323fc6]{margin-bottom:20px;width:170px;height:170px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profilBox__btn[data-v-2a323fc6]{font-weight:700;border-radius:17.5px;width:130px;height:35px;margin-top:10px;background-color:#fff}.profilBox__btn[data-v-2a323fc6]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}.profilBox .profilBox__input+label[data-v-2a323fc6]{display:flex;align-items:center;margin-bottom:5px;font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:50%;height:25px;text-overflow:ellipsis;overflow:hidden;border:2px solid grey;background-color:#fff}@media screen and (min-width:700px){.profilBox[data-v-2a323fc6]{max-width:450px;margin-left:auto;margin-right:auto}}#profile{display:flex;justify-content:center;align-items:center;height:89vh;padding-top:11vh;background-color:#777}#post[data-v-18ff6d09]{background-color:#242424;width:90%;border-bottom-left-radius:15px;margin-left:5%;margin-right:5%;margin-top:5px;border-top-left-radius:15px;border-bottom-right-radius:15px}.align[data-v-18ff6d09]{display:flex;align-items:center}.profPic[data-v-18ff6d09]{width:40px;height:40px;border-radius:100%;margin-right:5px;border:2px solid #6e6e6e}.delete[data-v-18ff6d09]{color:#fff}.post[data-v-18ff6d09]{display:flex;flex-direction:column;width:100%;margin-bottom:22px;border-bottom-right-radius:15px;border-bottom-left-radius:15px}.post__delete[data-v-18ff6d09]{width:20px;font-size:1.1rem}.post__delete[data-v-18ff6d09]:hover{cursor:pointer}.post__author[data-v-18ff6d09]{margin-top:20px;margin-bottom:15px;display:flex;justify-content:space-between;margin-left:25px;margin-right:10px;color:#fff;border-radius:17.5px;height:25px}.post__title[data-v-18ff6d09]{margin-left:25px;color:#fff}.post__image[data-v-18ff6d09]{margin-top:3%;width:100%;height:230px;-o-object-fit:cover;object-fit:cover;background-color:#fff}.post .delete[data-v-18ff6d09]{color:#6e6e6e;padding-right:20px}.post .createComment[data-v-18ff6d09]{display:flex;align-items:center;justify-content:space-between;background-color:#242424;width:100%;height:45px;border-bottom-left-radius:15px;border-bottom-right-radius:15px;position:relative;padding-top:10px;padding-bottom:10px;border-top:1px solid #777}.post .createComment__author[data-v-18ff6d09]{margin-left:20px;color:#fff}.post .createComment__form[data-v-18ff6d09]{margin-right:20px}.post .createComment__form--content[data-v-18ff6d09]{font-size:.95rem;padding-left:15px;padding-right:20px;border-radius:17.5px;width:150px;height:25px;margin-right:15px;border:2px solid grey;background-color:#fff}.post .createComment__form--button[data-v-18ff6d09]{border-radius:17.5px;width:35px;height:35px;font-size:1.5rem;background-color:#fff}.post .createComment__form--button[data-v-18ff6d09]:hover{background-color:grey;color:#fff;transition-duration:.5s;cursor:pointer}.post .commentBox[data-v-18ff6d09]{position:relative;background-color:#777}.post .comment[data-v-18ff6d09]{color:#fff;background-color:#242424;width:100%;height:80px;position:relative;border-radius:15px;border-top:1px solid #777}.post .comment__author[data-v-18ff6d09]{margin-left:20px;margin-top:10px;display:flex;justify-content:space-between}.post .comment__content[data-v-18ff6d09]{margin-left:20px;margin-top:5px;width:85%;height:25px;padding:3px;border-radius:10px;background-color:#8a8a8a}@media screen and (min-width:700px){#post[data-v-18ff6d09]{max-width:500px;margin-left:auto;margin-right:auto}.post__image[data-v-18ff6d09]{height:300px}}#mainUser{min-height:87vh;padding-top:11vh;padding-bottom:2vh;background-color:#777}@media screen and (min-width:700px){#mainUser{min-height:90vh;padding-top:8vh}}.notFoundBox[data-v-8ba6cd72]{width:90%;height:500px;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.notFoundBox__icon[data-v-8ba6cd72]{font-size:7rem;margin-bottom:30px}.notFoundBox__title[data-v-8ba6cd72]{font-size:2.8rem}.notFoundBox__txt1[data-v-8ba6cd72]{margin-top:20px}.notFoundBox__txt2[data-v-8ba6cd72]{text-decoration:underline;margin-top:15px}.comp404{min-height:100vh;display:flex;align-items:center;justify-content:center}