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{-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite;border:8px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;height:80px;width:80px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.homepage{display:flex;flex-direction:row}.homepage__navWraper{flex:0.2 1;position:relative}.homepage__timeline{flex:0.8 1}.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}.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}.postIcon.liked{color:red}.post__comments{margin-top:10px}.comment{margin-bottom:5px}.post__commentBox{display:flex;margin-top:10px}.post__commentBox input{flex:1 1;margin-right:5px;padding:5px}.post__commentBox button{padding:5px 10px}.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}.timeline{display:flex;flex-direction:row}.timeline__left{flex:0.7 1}.timeline__right{flex:0.3 1}.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.d3a13820.css.map*/