@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Pacifico&display=swap";.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homepage{display:grid;grid-template-columns:1fr 3fr;min-height:100%;overflow:hidden}.sidenav{grid-column:1 / 2;display:flex;flex-direction:column;align-items:start}.sidenav__logo{width:40%;margin:1.6rem}.sidenav__buttons{display:flex;flex-direction:column;justify-self:stretch;flex-grow:1}.sidenav__button{display:flex;flex-direction:row;align-items:center;background:0;border:0;margin:5px 10px;padding:10px 15px;width:100%}.sidenav__button:hover{cursor:pointer;border-radius:15px;background-color:#eeeded}.sidenav__button>span{font-size:1.2em;margin-left:.75em}.profile-image{height:24px;width:24px;border-radius:12px}.post{height:30rem;max-width:46.25vw;width:30rem;margin-left:5rem;margin-bottom:5rem}.post__header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin-bottom:1rem}.post__headerAuthor{display:flex;flex-direction:row;align-items:center}.post__headerAuthor>span{font-size:1rem;font-weight:bolder;padding:1rem}.post__img>img{width:100%;border-radius:6px;border:.6px solid rgba(128,128,128,.516)}.post__footerIcons{display:flex;align-items:center;justify-content:space-between}.post__IconsMain{display:flex}.icons{padding:.5rem}.stories{display:flex;margin-top:20px;overflow-x:hidden;width:46.5vw}.stories>span{margin:5px;width:6rem}.stories>span>p{margin-top:1px}.stories>span>img{height:70px;width:70px;border-radius:35px}.MainSection{grid-column:1 / 2;scrollbar-width:none}.suggestions{margin-top:2rem;margin-left:3rem;margin-right:2rem;grid-column:2 / 3;display:flex;flex-direction:column}.suggestionItem{display:flex;align-items:center;justify-content:space-evenly;font-size:16px}.details{display:flex;flex-direction:column}.suggestionItem>a{text-decoration:none;font-size:.8em;font-weight:bolder;color:#08f}.suggestion__item>a:hover{cursor:pointer}.suggestion__items{padding-top:2rem;display:flex;flex-direction:column}.suggestion__item{margin-top:1rem}.suggestions>span{font-size:1rem;color:gray;margin-top:3rem;font-weight:bolder}.timeline{grid-column:2 / 3;display:grid;grid-template-columns:2fr 1fr;overflow:scroll;scrollbar-width:none}.login,.signup{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:2rem}.auth__left{text-align:center}.auth__left>img{width:25rem;margin-top:2.5rem}.auth__right{width:25rem}.auth__right>form{display:flex;align-items:center}.logo{font-family:Pacifico,cursive;font-size:2rem;margin:0;padding-bottom:1.5rem}.auth__more{border:1px solid grey;padding:1.25rem;margin-right:1.875rem;margin-left:1.875rem;text-align:center;margin-top:.93rem}.auth__more>span{font-size:1rem}.auth__more>span>.link{background-color:inherit;color:#0095f6;font-weight:bolder;border:0;text-decoration:none}.auth__more>span>.link:hover{cursor:pointer}.form__login,.form__signup{display:flex;flex-direction:column;border:1px solid grey;padding:3rem;margin-left:1.875rem;margin-right:1.875rem}.form__login>img,.form__signup>img{width:12.5rem;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.form__login>input,.form__signup>input{background-color:#fffefe;border:1px solid grey;border-radius:3px;padding:.75rem;margin-bottom:1.25rem}.form__login>input:focus,.form__signup>input:focus{outline:1px solid grey}.form__login>input[type=submit],.form__signup>input[type=submit]{padding:.75rem;border-radius:8px;border:0;background-color:#0095f6;color:#fff;font-weight:bolder}.form__login>input[type=submit]:hover,.form__signup>input[type=submit]:hover{cursor:pointer}.downloadDetails{display:flex;flex-direction:column;align-items:center}.download{display:flex;flex-direction:row;align-items:center;gap:.5rem}.appStore>img{height:3rem;width:8rem}.playStore>img{height:4.5rem;width:10rem}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;width:100%}