body {
		background-color:#0f0c00;
		color:white;
		text-align:center;
		font-family: tahoma;
		margin:0;
		padding-left: calc(100vw - 100%);
	}
	
	.lock {
			overflow:hidden;
	}
	
	button[type=submit] {
		background-color:yellow;
		font-weight:bold;
		font-size:20px;
		justify-content:center;
		align-items:center;
	}

	input[type=text] {
		height:30px;
		width:400px;
		font-size:17px;
	}

	.user-pfp {
		display:inline-block;
	}

	.user-pfp img {
		width:35px;
		height:auto;
		border-radius:5px;
	}

	h2.tag-header {
		font-size:1.3em;
		margin-bottom:40px;
		margin-right:auto;
		margin-left:3%;
		background-color:#262626;
		padding:10px;
		padding-left:25px;
		padding-right:25px;
		border-radius:10px;
		overflow:hidden;
	}

	h2.user-text {
		margin-bottom:40px;
	}

	.user-info-container {
		display:flex;
		flex-direction:row;
		align-items:center;
		gap:15px;
		margin-bottom:30px;
		margin-left:5%;
	}

	.user-info {
		display:flex;
		flex-direction:column;
	}

	.user-info .user-date {
		margin-right:auto;
	}
	
	.user-info .user-last-login {
		margin-right:auto;
	}

	.user-info .username {
		margin-right:auto;
	}

	.profile-actions {
		display:flex;
		flex-direction:row;
		gap:10px;
	}

	.profile-action {
		margin-top:20px;
		user-select:none;
		background-color:#262626;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		border-radius:5px;
		width: max-content;
	}

	.profile-action:hover {
		background-color:#393939;
	}

	.profile-actions a {
		color:white;
	}

	.actions-bar {
		display:flex;
		flex-direction:row;
		justify-content: center;
		gap:100px;
		margin-bottom:30px;
	}

	.actions-bar .action-button {
		width: 250px;
		background-color: #262626;
		color: white;
		font-weight: bold;
		font-family: tahoma;
		padding-top: 10px;
		padding-bottom: 10px;
		border-radius: 15px;
		user-select: none;
		font-size: 20px;
	}

	.actions-bar .action-button:hover {
		cursor:pointer;
		color:black;
		background-color:orange;
	}

	.actions-bar .action-button.selected {
		color:black;
		background-color:orange;
	}

	.actions-bar .action-button.selected:hover {
		color:white;
	}

	.user-info-container .user-pfp img {
		width:150px;
		height:150px;
	}

	textarea {
		background-color: #121212;
		color:white;
		width:400px;
		resize:none;
		display:inline-block;
		border: 2px solid white;
		border-radius:4px;
		font-size: 20px;
	}

	.comment-container.reply textarea {
		width:350px;
	}

	.comment-container.reply .reply-form {
	}

	.post-comment-box {
		width:500px;
		display:flex;
	}

	.post-comment-box button {
		display:flex;
		height:fit-content;
		border-radius:5px;
		margin-top:auto;
		margin-left:5px;
		margin-bottom:5px;
		cursor:pointer;
		user-select:none;
	}

	.post-comment button {
		display:inline-block;
		position:relative;
		bottom: 15px;
		border-radius:5px;
		cursor:pointer;
		user-select:none;
	}

	.reply-form-message {
		margin-right:auto;
	}

	#comments {
		margin:auto;
		width:650px;
	}			

	.comment {
		text-align:left;
		display:flex;
		flex-direction:column;
		
	}

	.comment-container {
		display:flex;
		flex-direction:column;
		margin-right:auto;
		width:100%;
	}

	.comment-container.reply {
		margin-top:20px;
		padding-left:50px;
		box-sizing:border-box;
	}

	.comment-container.reply {
		margin-top:20px;
		padding-left:50px;
		box-sizing:border-box;
	}

	.comment-container.reply:last-of-type {
		margin-bottom:10px;
	}

	.comment-vote {
		margin-left:auto;
		display:flex;
		gap:10px;
		user-select:none;
	}

	.downvotes {
		display:flex;
		gap:10px;
	}

	.upvotes {
		display:flex;
		gap:10px;
	}

	.downvote-icon {
		display:flex;
		width:20px;
		height:20px;
		background-image:url('/img/minus.png');
		background-size:cover;	
		cursor:pointer;
	}

	.upvote-icon {
		display:flex;
		width:20px;
		height:20px;
		background-image:url('/img/plus.png');
		background-size:cover;
		cursor:pointer;
	}

	.upvote-icon:hover {
		background-image:url('/img/plus_voted.png');
	}

	.upvote-icon.voted {
		background-image:url('/img/plus_voted.png');
	}

	.downvote-icon:hover {
		background-image:url('/img/minus_voted.png');
	}

	.downvote-icon.voted {
		background-image:url('/img/minus_voted.png');
	}

	.downvotes-count {
		display:flex;
		flex-wrap:wrap;
		min-width:25px;
	}

	.downvotes-count .counter {
		color:gray;
		margin-left:auto;
	}

	.downvotes-count .counter.zero {
		color:gray;
	}

	.downvotes-count .counter.non-zero {
		color:#ff0000;
	}

	.downvotes-count .counter.non-zero::before {
		content:"-";
	}

	.upvotes-count {
		display:flex;
		flex-wrap:wrap;
		min-width:25px;
	}

	.upvotes-count .counter {
		color:gray;
		margin-left:auto;
	}

	.upvotes-count .counter.zero {
		color:gray;
	}

	.upvotes-count .counter.non-zero {
		color:#00ff00;
	}

	.upvotes-count .counter.non-zero::before {
		content:"+";
	}

	.comment-header {
		display: flex;
		align-items: center;
		margin-bottom:5px;
		justify-content:space-between;
	}

	.comment-info {
		display:flex;
		align-items:center;
	}

	.comment-info a {
		color:yellow;
	}

	.comment-author {
		display:inline-block;
		color:yellow;
		font-weight:bold;
		margin-left:10px;
		overflow:hidden;
	}

	.comment-date {
		display:inline-block;
		color:gray;
		margin-left:10px;
		overflow:hidden;
	}

	.comment-pfp {
		display:inline-block;
	}

	.comment-pfp img {
		width:50px;
		height:50px;
		border-radius:5px;
	}

	.comment-text {
	}

	.user-handle {
		display:inline-block;
		color:gray;
	}

	.reply-form {
		margin-top:5px;
		display:flex;
		flex-direction:column;
		margin-right:auto;
	}

	.reply-button {
		color: #ffa200;
		font-weight:bold;
		user-select:none;
		margin-top:10px;
	}

	#comments-count-main {
		font-weight:bold;
		background-color:#262626;
		padding-top:5px;
		padding-bottom:5px;
		border-radius:10px;
	}

	.post-comment-main {
		display:flex;
		flex-direction:column;
		margin-right:auto;
		margin-left:50px;
		padding-top:40px;
		padding-bottom:40px;
	}

	.post-comment-main #message {
		margin-right:auto;
	}

	#comments-wrapper-main {
		margin:auto;
		width:650px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		border-radius:10px;
		padding-bottom:20px;
		overflow:hidden;
	}

	.comment-wrapper {
		background-color: #161616;
		margin-bottom:20px;
		padding:30px;
		padding-right:50px;
		padding-left:50px;
		border-radius:15px;
	}

	.message-box {
		position: fixed;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		background: #333;
		color: white;
		padding: 10px 20px;
		border-radius: 5px;
		font-size: 14px;
		display: none;
		opacity: 1;
		transition: opacity 0.3s ease-in-out;
	}

	.main-column {
		margin:auto;
		margin-top:65px;
		width:650px;
		display:flex;
		flex-direction:column;
		overflow:hidden;
	}

	.navigation {
		display:flex;
		flex-direction:row;
		justify-content:space-between;
		margin-bottom:20px;
		display:none;
	}
	
	.navigation.left {
		display:none;
		justify-content:start;
		gap:25px;
	}

	.navigation a {
		color: inherit;
	}

	.navigation-button {
		background-color:orange;
		color:black;
		font-weight:bold;
		padding:10px;
		border-radius:10px;
		user-select:none;
	}

	.navigation-button:hover {
		cursor:pointer;
		color:white;
		background-color: #ffd000;
	}

	.navigation-button.add-post {
		background-color:yellow;
		margin-left:20px;
		margin-right:40px;
	}
	.navigation-button.add-post:hover {
		color:gray;
		background-color:#444444;
	}

	* {
		-webkit-tap-highlight-color: transparent;
	}

	@media (pointer:none), (pointer:coarse) {
		.navigation-button.add-post:hover {
			background-color:yellow;
			color:black;
		}
		.navigation-button.add-post:active {
			color:gray;
			background-color:#444444;
		}
	}
	
	.navigation-button:first-of-type {
		margin-left:20px;
	}

	.navigation-button:last-of-type {
		margin-right:20px;
	}

	.navigation-button.add-post.clicked {
		color:gray;
		background-color:#444444;
	}

	.navigation-unfound {
		display:flex;
		flex-direction:row;
		justify-content: space-between;
		padding-top:10px;
		padding-bottom:10px;
		border-radius:10px;
		margin-top:70px;
	}

	.navigation-unfound .navigation-button {
		width:fit-content;
		background-color:orange;
		padding:10px;
		padding-left:25px;
		padding-right:25px;
		border-radius:10px;
		font-weight:bold;
		user-select:none;
		cursor:pointer;
		color:white;
	}
	.navigation-unfound .navigation-button:hover {
		background-color:#ffd000;
	}
	.navigation-unfound .navigation-button:first-of-type {
		margin-left:25px;
	}
	.navigation-unfound .navigation-button:last-of-type {
		margin-right:25px;
	}

	.unfound {
		width:600px;
		height:100%;
		display:flex;
		height: 100%;
		padding: 0;
		margin: auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction:column;
	}

	.unfound-info {
		font-weight:bold;
		font-size:30px;
		display:inline-flex;
		flex-direction:column;
		flex-basis: auto;
		margin-top:100px;
	}
	.unfound-info .main {
	}

	.unfound-info .bottom {
		margin-left:auto;
		font-size:20px;
	}

	.username-unfound {
		color:orange;
	}