*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;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}.home{align-items:center}.home,.home__container{display:flex;justify-content:center}.home__container{height:100%;min-height:100vh;width:100%}.homefeed{border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);border-top:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;flex-direction:column;width:500px}.progress{display:flex;justify-content:center;margin-top:15px}@media only screen and (max-width:700px){.homefeed{width:250px}}.post{border-bottom:1px solid hsla(0,0%,100%,.25);flex-direction:column}.post,.post__header{display:flex;width:100%}.post__header{justify-content:space-between}.post__headerLeft{align-items:center;display:flex}.post__headerRight{display:flex;margin-bottom:25px}.post__headerRight>p{font-size:15px;padding:5px}.post__headerLeftImage{border-radius:360px;height:40px;object-fit:cover;padding:5px;width:40px}.post__headerLeftName{color:#fff;font-size:20px}.post__content{word-wrap:break-word;font-size:15px;padding:5px}.post__toolbar{align-items:center;display:flex;justify-content:space-between}.post__toolbarLeft{display:flex}.post__toolbarLikes{display:flex;gap:3px;padding:5px}.post__toolbarLikesHeart:hover{color:pink;cursor:pointer}.post__toolbarLikesHeartLiked{color:pink}.post__toolbarLikesHeartLiked:hover{cursor:pointer;opacity:.3}.post__toolbarComments{display:flex;gap:3px;padding:5px}.post__toolbarCommentsIcon:hover{cursor:pointer;opacity:.3}.post__toolbarCommentsIconClicked{opacity:.3}.post__toolbarCommentsIconClicked:hover{cursor:pointer;opacity:1}.post__comments{border-left:1px solid hsla(0,0%,100%,.25);display:flex;flex-direction:column;margin-left:50px;padding:5px}.post__toolbarRight{display:flex;margin-right:5px}.post__toolbarClose:hover{cursor:pointer;opacity:.3}.post__headerRightMenu{display:flex;flex-direction:column;gap:1px;margin-right:5px;margin-top:5px}.post__headerRightMenuCircle{background-color:#fff;border-radius:50%;display:inline-block;height:5px;width:5px}.post__headerRightMenu:hover{cursor:pointer;opacity:.3}.edit{background-color:#000;border:1px solid #fff;border-radius:20px;height:500px;justify-content:space-between;left:50%;padding:15px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px;z-index:1000}.edit,.edit__content{display:flex;flex-direction:column}.edit__content{gap:10px}.edit__content>textarea{word-wrap:break-word;background-color:#222121;border:none;color:#fff;height:350px;outline:none;overflow:auto;resize:none;width:100%}.edit__buttonClose{border-radius:10px;height:30px;width:80px}.edit__buttonClose:hover{background-color:grey;cursor:pointer}.edit__bottom{display:flex;justify-content:space-between}.edit__buttonSave{border-radius:10px;height:30px;width:80px}.edit__buttonSave:hover{background-color:grey;cursor:pointer}@media only screen and (max-width:700px){.edit{height:500px;width:300px}}.comment{display:flex;flex-direction:column}.comment__top{display:flex;justify-content:space-between}.comment__topLeft{gap:5px}.comment__topLeft,.comment__topRight{align-items:center;display:flex}.comment__topRight>p{font-size:13px;padding:5px}.comment__topLeftImage{border-radius:360px;height:25px;object-fit:cover;width:25px}.comment__topLeftName{color:#fff;font-size:13px}.comment__middle{word-wrap:break-word;font-size:12px;margin-bottom:10px;margin-top:10px}.comment__topRightClose{font-size:12px}.comment__topRightClose:Hover{cursor:pointer;opacity:.3}.comment__topRightMenu{display:flex;flex-direction:column;gap:1px;margin-left:10px;margin-top:5px}.comment__topRightMenuCircle{background-color:#fff;border-radius:50%;display:inline-block;height:5px;width:5px}.comment__topRightMenu:hover{cursor:pointer;opacity:.3}.createcomment{display:flex;gap:10px;height:70px;margin-bottom:5px}.createcomment__image{align-self:flex-start;border-radius:360px;height:35px;object-fit:cover;width:35px}.createcomment__content{word-wrap:break-word;align-self:center;background:transparent;border:none;color:#fff;height:50px;outline:none;overflow:auto;resize:none;width:80%}.createcomment__button{align-self:flex-start;background:#5b96e2;border:1px solid;border-radius:10px;color:#111;font-size:11px!important;height:25px;padding:0;text-transform:capitalize!important;width:55px}.createcomment__button:hover{background-color:#fff;cursor:pointer}@media only screen and (max-width:700px){.createcomment__button{height:25px!important;width:35px!important}}.createpost{border-bottom:1px solid hsla(0,0%,100%,.25);display:flex;flex-direction:column;gap:15px;margin:5px;padding:5px}.createpost__top{align-items:center;display:flex;justify-content:space-between}.createpost__image{border-radius:360px;height:100px;object-fit:cover;width:100px}.createpost__message{background-color:#252525;background-position:100% 100%;background-repeat:no-repeat;border-radius:15px;color:#fff;font-family:Tahoma,sans-serif;height:100px;padding:5px;resize:none;width:250px}.createpost__bottom{display:flex;justify-content:space-between}.createpost__button{text-transform:capitalize!important}@media only screen and (max-width:700px){.createpost__image{height:50px;width:50px}.createpost__message{background-color:#252525;background-position:100% 100%;background-repeat:no-repeat;color:#fff;font-family:Tahoma,sans-serif;height:50px;padding:5px;resize:none;width:150px}.createpost__button{font-size:10px;height:30px;width:55px}}.nav{display:flex;height:100%;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav__container{display:flex;flex-direction:column;gap:15px;margin-left:0;margin-right:40px}.nav__item{align-items:center;display:flex;gap:15px;margin-bottom:10px}.nav__item:hover>.nav__itemImage{color:grey}.nav__itemUserImage{border-radius:360px;height:35px;object-fit:cover;width:35px}.nav__itemImage{color:#fff}.nav__itemText{color:#fff;font-size:20px}@media only screen and (max-width:1200px){.nav__itemText{display:none}.nav__container{margin-left:0;margin-right:25px}}.login{align-items:center;display:flex;flex-direction:column;height:100vh}.login__logo{color:#fff;margin:20px auto;object-fit:contain;width:100px}.login__container{border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:300px}.login__container>h1{color:#fff;font-weight:500;margin-bottom:20px}.login__container>form>h5{color:#fff;margin-bottom:5px}.login__container>form>input{background-color:#fff;height:30px;margin-bottom:10px;width:98%}.login__container p{color:#fff;margin-top:15px}.login__signInButton{color:#111}.login__registerButton,.login__signInButton{background:#5b96e2;border:1px solid #488ccc;border-radius:2px;height:30px;margin-top:10px;width:100%}.login__registerButton:hover,.login__signInButton:hover{cursor:pointer;opacity:.5}.register{align-items:center;display:flex;flex-direction:column;height:100vh}.register__logo{color:#fff;margin:20px auto;object-fit:contain;width:100px}.register__container{border:1px solid #d3d3d3;border-radius:5px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;width:300px}.register__container>h1{color:#fff;font-weight:500;margin-bottom:20px}.register__container>form>h5{color:#fff;margin-bottom:5px}.register__container>form>input{background-color:#fff;height:30px;margin-bottom:10px;width:98%}.register__container p{color:#fff;margin-top:15px}.register__signInButton{color:#111}.register__registerButton,.register__signInButton{background:#5b96e2;border:1px solid #488ccc;border-radius:2px;height:30px;margin-top:10px;width:100%}.register__registerButton:hover,.register__signInButton:hover{cursor:pointer;opacity:.5}.followfeed{border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);border-top:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;flex-direction:column;width:500px}@media only screen and (max-width:700px){.followfeed{width:250px}}.following{align-items:center}.following,.following__container{display:flex;justify-content:center}.following__container{height:100%;min-height:100vh;width:100%}.profile{align-items:center}.profile,.profile__container{display:flex;justify-content:center}.profile__container{height:100%;min-height:100vh;width:100%}.profile__content{display:flex;flex-direction:column;width:500px}@media only screen and (max-width:700px){.profile__content{width:250px}}.profilefeed{height:100%}.profilefeed,.profileheader{border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;flex-direction:column;width:100%}.profileheader{border-bottom:1px solid hsla(0,0%,100%,.25)}.profileheader__top{display:flex;justify-content:space-between}.profileheader__topLeft{align-items:center;display:flex;gap:10px}.profileheader__topLeftImage{border-radius:360px;height:150px;object-fit:cover;padding:5px;width:150px}.profileheader__topLeftName{word-wrap:break-word}.profileheader__topRightButton{background-color:#fff!important;color:#000!important;font-size:15px!important;height:30px!important;text-transform:capitalize!important;width:100px!important}.profileheader__topRightButton:hover{background-color:#356192!important;color:#fff!important;cursor:pointer}.profileheader__topRightEdit{background-color:#fff!important;color:#000!important;text-transform:capitalize!important}.profileheader__topRightButtonUnfollow{background-color:#356192!important;border:1px solid;height:30px!important;text-transform:capitalize!important;width:100px!important}.profileheader__topRightButtonUnfollow:hover{background-color:#fff!important;color:red}.profileheader__middleBio{word-wrap:break-word;margin-left:5px}.profileheader__bottom{display:flex;font-size:15px;gap:10px;margin-left:5px;margin-top:25px}.profileheader__bottomOne,.profileheader__bottomTwo{border-bottom:1px solid transparent}.profileheader__bottomOneClicked,.profileheader__bottomTwoClicked{border-bottom:1px solid pink}.profileheader__bottomOne:hover{border-bottom:1px solid pink;cursor:pointer}.profileheader__bottomOneText{color:grey}.profileheader__bottomTwo:hover{border-bottom:1px solid pink;cursor:pointer}.profileheader__bottomTwoText{color:grey}.profileheader__toolbar{display:flex;justify-content:center;margin-top:5px}.profileheader__toolbarItem{color:grey;padding:25px}.profileheader__toolbarItemClicked{border-bottom:2px solid pink;color:#fff;font-weight:700;padding:25px}.profileheader__toolbarItem:hover,.profileheader__toolbarItemClicked:hover{box-shadow:inset 0 0 100px 100px hsla(0,0%,100%,.1);cursor:pointer}.load__circle{margin-bottom:25px}.load__circle,.load__rectangle{background-color:#313131!important;margin-left:5px;margin-top:5px}.load__rectangle{margin-bottom:15px}@media only screen and (max-width:700px){.profileheader__topLeft{gap:1px}.profileheader__topLeftImage{height:50px;padding:10px;width:50px}.profileheader__topRightEdit{font-size:12px!important;height:30px!important;width:95px!important}.profileheader__topRightButton{font-size:10px;height:25px;margin-right:5px;margin-top:5px;width:50px}.profileheader__topRightButton:hover{background-color:#356192;cursor:pointer}.profileheader__topRightButtonUnfollow{font-size:10px;height:25px;margin-right:5px;margin-top:5px;width:50px}.profileheader__toolbarItem,.profileheader__toolbarItemClicked{margin-top:5px;padding:5px}.load__circle{height:50px!important;width:50px!important}.load__rectangle{height:20px!important;width:200px!important}}.modal{background-color:#000;border:1px solid #fff;border-radius:20px;display:flex;flex-direction:column;height:600px;justify-content:space-between;left:50%;padding:15px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.modal,.overlay{position:fixed;z-index:1000}.overlay{background-color:grey;bottom:0;left:0;opacity:.5;right:0;top:0}.modal__bio{display:flex;flex-direction:column;gap:10px}.modal__bio>textarea{height:350px}.modal__bio>textarea,.modal__image>textarea{word-wrap:break-word;background-color:#222121;border:none;color:#fff;outline:none;overflow:auto;resize:none;width:100%}.modal__image>textarea{height:100px}.modal__buttonClose{border-radius:10px;height:30px;width:80px}.modal__buttonClose:hover{background-color:grey;cursor:pointer}.modal__image{display:flex;flex-direction:column;gap:10px}.modal__bottom{display:flex;justify-content:space-between}.modal__buttonSave{border-radius:10px;height:30px;width:80px}.modal__buttonSave:hover{background-color:grey;cursor:pointer}@media only screen and (max-width:700px){.modal{height:600px;width:300px}}.userfeedfollowing{border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);color:#fff;height:100%;width:100%}.user,.userfeedfollowing{display:flex;flex-direction:column}.user__top,.user__topLeft{display:flex;justify-content:space-between}.user__topLeft{align-items:center}.user__topLeftName{color:#fff;font-size:18px}.user__topLeftImage{border-radius:360px;height:35px;object-fit:cover;padding:5px;width:35px}.user__topRightButtonFollow{background-color:#fff;border:1px solid;border-radius:360px;color:#111;font-size:12px;height:30px;margin-right:10px;margin-top:10px;width:60px}.user__topRightButtonFollow:hover{background-color:#356192;cursor:pointer}.user__topRightButtonUnfollow{background-color:#356192;border:1px solid;border-radius:360px;color:#fff;font-size:12px;height:30px;margin-right:10px;margin-top:10px;width:60px}.user__topRightButtonUnfollow:hover{background-color:#fff;color:red;cursor:pointer}.user__middle{display:flex;padding:5px}.userfeedfollowed{border-left:1px solid hsla(0,0%,100%,.25);border-right:1px solid hsla(0,0%,100%,.25);color:#fff;display:flex;flex-direction:column;height:100%;width:100%}
/*# sourceMappingURL=main.b04f0b91.css.map*/