*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{background:#2c3e50;padding:10px}header a{font-weight:700;color:#fff;margin-left:50px}h1{text-align:center;color:#2c3e50;margin:20px 0}a{text-decoration:none!important}.col-left{background:#424874;text-align:center}.col-left,.col-right{display:inline-block;border:2px solid #a6b1e1;padding:10px}.col-right{background:#dcd6f7}.posts{display:flex;justify-content:center}.posts ul{list-style-type:none}.posts ul li{display:flex}.posts .col-left{display:flex;align-items:center}.posts .col-left a{display:inline-block;color:#fff;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;text-align:center;width:100px}.posts .col-right{width:500px}.posts .col-right a{color:#424874}.pagination-container{display:flex;justify-content:center;-moz-column-gap:10px;column-gap:10px;margin:30px}.paginate-buttons{height:40px;width:40px;border-radius:20px;cursor:pointer;background-color:#f2f2f2;border:1px solid #d9d9d9;color:#000}.paginate-buttons:hover{background-color:#d8d8d8}.active-page{background-color:#424874;border:1px solid #424874;color:#fff}.active-page:hover{background-color:#2a2e52}.user-data-wrapper[data-v-b91c0304]{display:flex;flex-direction:column;align-items:center;margin:20px 0}.user-data[data-v-b91c0304]{cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.user-data>div[data-v-b91c0304]{display:flex}.user-data .col-left[data-v-b91c0304]{display:flex;align-items:center;justify-content:center;width:100px}.user-data .col-right[data-v-b91c0304]{display:flex;align-items:center;justify-content:center;color:#424874;text-align:center;width:200px;word-break:break-all}.post-wrapper[data-v-b91c0304]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.post[data-v-b91c0304]{display:flex;flex-direction:column;width:80%}.comments-wrapper[data-v-b91c0304]{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.comments-wrapper-d2[data-v-b91c0304]{display:flex;flex-direction:column;width:80%}.comments-wrapper .col-left[data-v-b91c0304]{width:20%}.comments-wrapper .col-right[data-v-b91c0304]{display:flex;align-items:center;justify-content:center;width:80%}.comments[data-v-b91c0304]{display:flex}.show-all[data-v-b91c0304]{align-self:end;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#424874;border:2px solid #a6b1e1;color:#fff;font-weight:700;padding:5px;width:100px}.col-left[data-v-b91c0304]{color:#fff}.col-right a[data-v-b91c0304]{color:#424874}.user-wrapper[data-v-ff87f97a]{display:flex;align-items:center;justify-content:center;margin:20px 0}.user-wrapper-d2[data-v-ff87f97a]{display:flex;flex-direction:column;width:80%}.user-wrapper .col-left[data-v-ff87f97a]{display:flex;align-items:center;justify-content:center;width:20%}.user-wrapper .col-right[data-v-ff87f97a]{display:flex;align-items:center;justify-content:center;width:80%}.user-data[data-v-ff87f97a]{display:flex}.user-data-nested-two[data-v-ff87f97a],.user-data-nested[data-v-ff87f97a]{display:flex;width:100%}.user-posts[data-v-ff87f97a]{margin-top:20px}.user-post[data-v-ff87f97a]{cursor:pointer}.col-left[data-v-ff87f97a]{color:#fff}.col-right a[data-v-ff87f97a]{color:#424874}ul[data-v-4d33210a]{-webkit-padding-start:0;padding-inline-start:0;list-style-type:none;display:flex}a[data-v-4d33210a]{text-decoration:none;display:flex;justify-content:center;align-items:center}