html{background-color:#000;color:#fff}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh}.loader{border:8px solid rgba(0,0,0,.1);border-top:8px solid #3498db;border-radius:50%;width:80px;height:80px;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homepage{display:flex;flex-direction:row}.homepage__nav{flex:.4}.homepage__timeline{flex:1.3}.sidenav{position:fixed;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.sidenav__logo{width:120px;margin:25px}.sidenav__buttons{display:flex;flex-direction:column}.sidenav__button{display:flex;flex-direction:row;align-items:center;color:#fff;background:0;border:0;margin:5px 10px;padding:10px 15px;border-radius:15px;width:100%}.sidenav__button:hover{cursor:pointer;background-color:#ffffff21}.sidenav__button>span{font-size:18px;font-weight:bolder;margin-left:10px}.sidenav__more{position:fixed;bottom:3px}.vertical-line{position:fixed;margin-left:235px;top:0;bottom:0;width:.5px;background-color:gray;transform:translate(-50%)}.logout__button{font-size:15px;border-radius:10px;font-weight:700;color:#fff;background-color:#ffffff36;padding:10px;border:0}.logout__button:hover{cursor:pointer;background-color:#ffffff6c}@media (max-width: 1300px){.sidenav__logo{width:100px;margin:25px}.sidenav__button{margin:2.5px 5px;padding:7.5px 11.25px}.sidenav__button>span{font-size:14px;margin-left:7.5px}.vertical-line{margin-left:157px}}@media (max-width: 880px){.vertical-line{display:none}}@media (max-width: 800px){.sidenav__logo{display:none}.sidenav__buttons{background-color:#000;flex-direction:row;position:fixed;left:0;right:0;bottom:0px;border-top:.5px solid grey}.sidenav__button>span{display:none}.vertical-line,.hide-button,.hide-search{display:none}}.signup{display:flex;flex-direction:column;border:1px solid grey;padding:50px;margin-left:30px;margin-right:30px}.signup>img{width:200px;margin-left:auto;margin-right:auto;margin-bottom:40px}.signup>input{background-color:#ffffff24;border:1px solid grey;border-radius:3px;padding:12px;margin-bottom:20px;color:#fff}.signup>input:focus{outline:1px solid grey;background-color:#fff;color:#000}.signup>button{padding:12px;border-radius:8px;border:0;background-color:#0095f6;color:#fff;font-weight:bolder}.signup>button:hover{cursor:pointer}.timeline{display:flex;flex-direction:row}.timeline__left{flex:.7}.timeline__right{flex:.3}.avatar__superior{display:flex;flex-direction:row;margin-left:-30px;overflow-x:scroll;position:relative;padding:20px;width:700px}.avatar__superior::-webkit-scrollbar{height:8px;background-color:#f1f1f1}.avatar__superior::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}.avatar__superior::-webkit-scrollbar-thumb:hover{background-color:#555}.avatar__superior::-webkit-scrollbar-track{background-color:#f1f1f1}.avatar__superior .avatar2{margin-right:15px;width:60px;height:60px;border:3px solid rgb(197,147,155)}.avatar__superior .avatar2:hover{cursor:pointer}.scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:24px;color:#000;background-color:#fff;padding:5px;cursor:pointer}.left-arrow{left:-30px}.right-arrow{right:-30px}@media (max-width: 1300px){.avatar__superior{margin-left:-40px;overflow-x:scroll;width:490px}.avatar__superior .avatar2{margin-right:15px;width:45px;height:45px;border:3px solid rgb(197,147,155)}}@media (max-width: 800px){.avatar__superior{margin-left:30px;overflow-x:scroll;width:300px}.avatar__superior .avatar2{margin-left:-7px;width:40px;height:40px;border:3px solid rgb(197,147,155)}}.suggestions{margin-top:30px;margin-right:20px}.suggestions__title{color:gray;font-weight:700}.username__left{display:flex;align-items:center}.username__info{display:flex;flex-direction:column}.relation{color:gray;font-size:12px}.suggestions__profile{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;margin-bottom:10px}.suggestions__username{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px}.follow__button{color:#0095f6;font-weight:700;background:0;border:0}.follow__button:hover{color:#fff;cursor:pointer}.username{font-weight:600;font-size:14px}.username:hover{cursor:pointer;color:gray}.avatar{margin-right:10px}.avatar:hover{cursor:pointer}.info{font-size:12px;color:gray}.copyright{font-size:14px;color:gray}@media (max-width: 880px){.suggestions{display:none}}@media (max-width: 1300px){.suggestions{margin-top:25px}.suggestions__username{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px}.username{font-size:12px}.info{font-size:10px}.copyright{font-size:12px}}@media (max-width: 800px){.suggestions{display:none}}*{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:14px}.post{width:550px;margin:30px 40px 50px}.post__header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin-bottom:10px}.post__headerAuthor{display:flex;flex-direction:row;align-items:center;font-weight:bolder}.post__headerAuthor:hover{cursor:pointer}.post__headerAuthor>span{color:gray;font-size:15px}.post__image>img{width:100%;border-radius:6px;border:.6px solid rgba(128,128,128,.516)}.post__footerIcons{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.postIcon{padding:7px;font-size:30px}.postIcon:hover{cursor:pointer;color:#ffffff9c}.horizontal-line{display:flex;left:0;right:0;height:2px;margin-top:25px;background-color:gray;transform:translateY(-50%)}.username__comment{font-weight:700}.moreIcon{cursor:pointer}@media (max-width: 1300px){.post{width:450px;margin:30px 40px 50px 5px}}@media (max-width: 800px){.post{width:300px;margin:30px 50px 50px}}.authentication{display:flex;flex-direction:row;align-items:center;margin:0 50px}.auth__left{flex:.5;text-align:center}.auth__right{flex:.5}.auth__left>img{width:400px;margin-top:40px}.auth__more{border:1px solid grey;padding:20px;margin-right:30px;margin-left:30px;text-align:center;margin-top:15px}.auth__more>span{font-weight:500;font-size:14px}.auth__more>span>button{background:0;color:#0095f6;font-weight:bolder;border:0}.auth__more>span>button:hover{cursor:pointer}@media (max-width: 880px){.auth__left{display:none}}.login{display:flex;flex-direction:column;border:1px solid grey;padding:50px;margin-left:30px;margin-right:30px}.login>img{width:200px;margin-left:auto;margin-right:auto;margin-bottom:40px}.login>input{background-color:#ffffff24;border:1px solid grey;border-radius:3px;padding:12px;margin-bottom:20px;color:#fff}.login>input:focus{outline:1px solid grey;background-color:#fff;color:#000}.login>button{padding:12px;border-radius:8px;border:0;background-color:#0095f6;color:#fff;font-weight:bolder}.login>button:hover{cursor:pointer}