#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}html{--black-color:#120204;--primary-color:#07e838;--secondary-color:#e80721;--grey-color:#908a8b;--dark-grey-color:#402324;--link-color:#1e3ce8;background-color:var(--black-color)}.clickable{cursor:pointer}#nav{padding:30px}#nav a{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active{color:#42b983}.post-basic-holder[data-v-a8084138]{max-width:650px;margin:auto}.post-holder[data-v-a8084138]{margin:1px 20px}h4[data-v-a8084138]{margin:2px 0}.post-meta[data-v-a8084138]{display:flex;align-items:center;justify-content:space-between;color:var(--grey-color)}.post-details[data-v-a8084138]{margin:7px 0}.post-actions[data-v-a8084138]{justify-content:space-around}.post-actions>div[data-v-a8084138],.post-actions[data-v-a8084138]{display:flex;align-items:center}.post-actions>div>span[data-v-a8084138]{color:var(--grey-color);font-size:14px;margin-left:5px}.line-holder[data-v-a8084138]{margin:10px 5px}.line-obj[data-v-a8084138]{height:1px;width:100%;background:var(--dark-grey-color)}.comment-holder[data-v-79fb6226]{padding:15px 20px;border-bottom:1px solid var(--dark-grey-color)}.comment-header[data-v-79fb6226]{display:flex;justify-content:space-between;color:var(--grey-color)}.post-basic-holder[data-v-086cf0f4]{max-width:650px;min-height:calc(100vh - 150px);margin:auto;border-left:1px solid var(--dark-grey-color);border-right:1px solid var(--dark-grey-color)}.post-holder[data-v-086cf0f4]{margin:1px 20px}h4[data-v-086cf0f4]{margin:2px 0}.new-comment-holder[data-v-086cf0f4]{position:relative}.new-comment-holder>button[data-v-086cf0f4]{position:absolute;right:28px;bottom:5px}.post-meta[data-v-086cf0f4]{display:flex;align-items:center;justify-content:space-between;color:var(--grey-color)}.post-details[data-v-086cf0f4]{margin:7px 0}.post-actions[data-v-086cf0f4]{justify-content:space-around}.post-actions>div[data-v-086cf0f4],.post-actions[data-v-086cf0f4]{display:flex;align-items:center}.post-actions>div>span[data-v-086cf0f4]{color:var(--grey-color);font-size:14px;margin-left:5px}.line-holder[data-v-086cf0f4]{margin:10px 5px}.line-obj[data-v-086cf0f4]{height:1px;width:100%;background:var(--dark-grey-color)}textarea[data-v-086cf0f4]{height:130px;padding:10px 13px;width:calc(100% - 68px);resize:none}input[type=text][data-v-086cf0f4]:focus,textarea[data-v-086cf0f4]:focus{outline:none}input[type=text][data-v-086cf0f4],textarea[data-v-086cf0f4]{border:1px solid var(--dark-grey-color);border-radius:9px;background:var(--black-color);margin:0 20px;color:#fff}button[data-v-086cf0f4]{width:50px;height:30px;border:none;border-radius:9px;color:var(--black-color);background:var(--primary-color)}.new-post-holder[data-v-6d13b053]{position:fixed;width:650px;height:310px;background:var(--black-color);border:1px solid var(--primary-color);border-radius:8px;top:100px;box-shadow:0 0 15px 0 var(--primary-color) inset;-webkit-box-shadow:0 0 15px 0 var(--primary-color) inset;-moz-box-shadow:0 0 15px 0 var(--primary-color) inset}.text-holder[data-v-6d13b053]{position:relative}.text-holder[data-v-6d13b053]:first-child{margin-top:10px}label[data-v-6d13b053]{position:absolute;top:0;left:35px;padding:0 5px}label>span[data-v-6d13b053]{position:relative;top:-5px}input[type=text][data-v-6d13b053]{height:40px;padding:0 20px}textarea[data-v-6d13b053]{height:255px;padding:10px 13px;width:calc(100% - 100px);resize:none}input[type=text][data-v-6d13b053]:focus,textarea[data-v-6d13b053]:focus{outline:none}input[type=text][data-v-6d13b053],textarea[data-v-6d13b053]{border:1px solid #fff;border:none;border-radius:9px;background:var(--black-color);margin:0 20px;color:#fff}input[type=button][data-v-6d13b053],input[type=submit][data-v-6d13b053]{width:100px;height:30px;border:none;border-radius:9px;color:#fff}input[type=button][data-v-6d13b053]{background:var(--secondary-color)}input[type=submit][data-v-6d13b053]{background:var(--primary-color)}input.submit[data-v-6d13b053]{color:var(--black-color)}.btn-holder[data-v-6d13b053]{width:100%;display:flex;justify-content:space-around;margin-top:10px}.home[data-v-5b38cb6f]{max-width:650px;margin:auto;margin-top:40px;position:relative;min-height:98vh}.inverse-img[data-v-5b38cb6f]{filter:invert(100%)}.post-title-holder[data-v-5b38cb6f]{display:flex;align-items:flex-start}.post-title-holder>h2[data-v-5b38cb6f]{margin-left:20px}h2[data-v-5b38cb6f]{margin-top:0}.logout-text[data-v-5b38cb6f]{color:var(--grey-color)}.add-post-holder[data-v-5b38cb6f]{position:fixed;right:30vw;bottom:20px}.add-post[data-v-5b38cb6f]{display:grid;place-content:center;width:40px;height:40px;border-radius:100%;background:var(--primary-color);box-shadow:0 1px 15px var(--primary-color)}.back-arrow[data-v-5b38cb6f]{display:grid;place-items:center;width:30px;height:30px;border-radius:100%;border:1px solid var(--black-color)}.back-arrow[data-v-5b38cb6f]:hover{border:1px solid var(--primary-color)}