html,body{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}a:hover{border-bottom:none;text-decoration:none !important;opacity:.8;transform:scale(1.01, 1.01);transition:transform 100ms}*{box-sizing:border-box}.container-fluid{width:100%}
.custom-navbar{width:100%}.custom-navbar .white{color:#fff}.custom-navbar .brand{font-size:2rem;color:#fff;font-weight:600}.custom-navbar .link{font-size:1.2rem}
.section{transform:translate(0%, -16%)}.section .welcome{transform:translate(0, 400%);opacity:0}.section .welcome.welcome-enter{transform:translate(0, 0);opacity:.6;transition:transform 1s,background-color 100ms,opacity 200ms}.section .welcome.welcome-exit{background-color:green}.section .welcome.welcome-enter-done{transform:translate(0, 0);opacity:1;transition:background-color 200ms,opacity 200ms}.section .welcome>.row{padding-left:40px}.section .welcome>.row:last-child{padding-left:52px}.section .welcome>.row:last-child>button{color:#fff}.section h1{font-size:4.2rem;letter-spacing:2px}.section .white{color:#fff}
.custom-container{min-height:100vh;display:flex;align-items:center;background-color:#744fc6;overflow:hidden}.header{position:absolute;top:0px;left:0px;width:100%;padding:10px 20px}
.post-list-item{opacity:0}.post-list-item-enter{opacity:.1;transition:opacity 100ms}.post-list-item-enter-done{opacity:1;transition:opacity 100ms}
.posts-container{padding-top:20px}.posts-container>.row:nth-child(1){display:flex;align-items:center}