body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#000;color:#fff}.loader-container{align-items:center;display:flex;height:100vh;justify-content:center}.loader{animation:spin 1s ease-in-out infinite;border:8px solid #0000001a;border-radius:50%;border-top-color:#3498db;height:80px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.homepage{display:flex;flex-direction:row}.homepage__navWraper{flex:0.2 1;position:relative}.homepage__timeline{flex:0.8 1}@media screen and (max-width:600px){.homepage__navWrape{width:5px}}.sidenav{display:flex;flex-direction:column;justify-content:space-between;position:fixed;z-index:1}.sidenav__logo{margin:25px;width:120px}.sidenav__buttons{display:flex;flex-direction:column}.sidenav__button{align-items:center;background:0;border:0;border-radius:15px;color:#fff;display:flex;flex-direction:row;margin:5px 10px;padding:10px 15px;width:100%}.sidenav__button:hover{background-color:hsla(0,0%,100%,.128);cursor:pointer}.sidenav__button>span{font-size:18px;font-weight:bolder;margin-left:10px}.sidenav__more{bottom:3px;position:fixed}.logout__button{background-color:hsla(0,0%,100%,.211);border:0;border-radius:10px;color:#fff;font-size:15px;font-weight:700;padding:10px}.logout__button:hover{background-color:hsla(0,0%,100%,.424);cursor:pointer}@media screen and (max-width:767px){.sidenav__buttons{display:none}.sidenav__logo{margin:5px;width:120px}.sidenav__more{display:none}.sidenav__moree{margin-left:240px;margin-top:-49px}}@media screen and (min-width:767px){.sidenav__moree{display:none}.sidenav__more{display:block}}.post{margin:30px 40px 50px;width:550px}.post__header{justify-content:space-between;margin-bottom:10px}.post__header,.post__headerAuthor{align-items:center;display:flex;flex-direction:row}.post__headerAuthor{font-weight:bolder}.post__headerAuthor>span{color:grey;font-size:15px}.post__image>img{border:.6px solid hsla(0,0%,50%,.516);border-radius:6px;width:100%}.post__footerIcons{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.postIcon{font-size:30px;padding:7px}.postIcon :hover{cursor:pointer}@media screen and (max-width:767px){.post__image>img{width:50%}}.suggestions{margin-right:20px;margin-top:30px}.suggestions__title{color:grey;font-weight:700}.username__left{display:inline-flex}.username__info{display:flex;flex-direction:column;margin-left:7px}.relation{color:grey;font-size:12px}.suggestions__username{display:flex;justify-content:space-between;margin-top:15px}.follow__button{background:0;border:0;color:#0095f6;font-weight:700;margin-right:5px}.follow__button:hover{color:#fff;cursor:pointer}.username{font-size:14px;font-weight:600}@media screen and (max-width:767px){.suggestions{display:none}}.timeline{display:flex;flex-direction:row}.timeline__left{flex:0.7 1}.timeline__right{flex:0.3 1}@media screen and (max-width:767px){.timeline{margin-top:25px}}.authenticate{align-items:center;display:flex;flex-direction:row;margin:0 50px}.auth__left{flex:0.5 1;text-align:center}.auth__right{flex:0.5 1}.auth__left>img{margin-top:40px;width:400px}.auth__more{border:1px solid grey;margin-left:30px;margin-right:30px;margin-top:13px;padding:20px;text-align:center}.auth__more>span{font-size:14px;font-weight:500}.auth__more>span>button{background:0;border:0;color:#0095f6;font-weight:bolder}.auth__more>span>button:hover{cursor:pointer}.login{border:1px solid grey;display:flex;flex-direction:column;margin-left:30px;margin-right:30px;padding:50px}.login>img{margin-bottom:40px;margin-left:auto;margin-right:auto;width:200px}.login>input{background-color:#ffffff24;border:1px solid grey;border-radius:3px;color:#fff;margin-bottom:10px;padding:12px}.login>input:focus{outline:1px solid grey}.login>button{background-color:#0095f6;border:0;border-radius:8px;color:#fff;font-weight:bolder;padding:12px}.login>button:hover{cursor:pointer}.signup{border:1px solid grey;display:flex;flex-direction:column;margin-left:30px;margin-right:30px;padding:50px}.signup>img{margin-bottom:40px;margin-left:auto;margin-right:auto;width:200px}.signup>input{background-color:#ffffff24;border:1px solid grey;border-radius:3px;color:#fff;margin-bottom:10px;padding:12px}.signup>input:focus{outline:1px solid grey}.signup>button{background-color:#0095f6;border:0;border-radius:8px;color:#fff;font-weight:bolder;padding:12px}.signup>button:hover{cursor:pointer}
/*# sourceMappingURL=main.1b8ec0c1.css.map*/