body {
	font-family: 'Courier New', Courier, monospace;
	background-color: #000;
	color: #00ff00;
  }
  .header {
	padding: 20px;
	text-align: center;
	background: #111;
	color: #00ff00;
	font-size: 24px;
  }
  .navbar-inverse {
	background-color: #111;
	border-color: #00ff00;
  }
  .navbar-inverse .navbar-brand, 
  .navbar-inverse .navbar-nav > li > a {
	color: #00ff00;
  }
  .navbar-inverse .navbar-nav > li > form > a {
	color: #00ff00;
	display: table-cell;
	padding: 15px;
  }
  .atasi {
	max-width: 1200px;
	margin: auto;
  }
  .error {
	color: red;
  }
  .postImage {
	width: 100%;
	margin-bottom: 10px;
	border-radius: 10px;
  }
  .avatar {
	width: 100%;
	border-radius: 10px;
	aspect-ratio: 1/1;
	object-fit: cover;
  }
  .media-object {
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 6px;
  }
  .social b {
	color: #ff0050;
	margin-left: -12px;
	margin-right: 12px;
	font-weight: 800;
  }
  .hidden {
	display: none;
  }
  .upload {
	cursor: pointer;
  }
  .navbar-inverse .navbar-nav > li > a:hover {
	background-color: #00ff00;
	color: #000;
  }
  .navbar-inverse .navbar-nav > li > form > a:hover {
	background-color: #00ff00;
	color: #000;
	text-decoration: none;
  }
  .content {
	padding: 20px;
  }
  footer {
	background-color: #111;
	color: #00ff00;
	padding: 15px;
	text-align: center;
  }

  /* Cards and Buttons */
  .post-card, 
  .card, 
  .ads-module, 
  .account-details {
	background-color: #111;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
  }
  .post-card h4, 
  .media-heading, 
  .btn {
	color: #00ff00;
  }
  .post-card h5 {
	padding-top: 16px;
  }
  .reply33 {
	margin-left: 30px;
    background-color: #ffffff08;
    border-radius: 6px;
    padding: 2px 8px;
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .btn {
	background: linear-gradient(to right, #ff0050, #00f2ea);
	border: none;
	color: white;
  }
  .btn:hover {
	background: linear-gradient(to right, #00f2ea, #ff0050);
  }
  .form-control {
	background-color: #111;
	color: #00ff00;
	border-color: #00ff00;
  }
  
  /* Social Icons */
  .social-icon {
	margin-right: 10px;
	color: #00ff00;
  }
  .social-icon:hover {
	color: #555;
  }

  /* Countdown */
  #countdown {
	font-size: 24px;
	color: #00ff00;
  }

  /* Wallet */
  .wallet-container {
	text-align: center;
	padding: 20px;
  }
  .wallet-icon {
	font-size: 100px;
	color: #00ff00;
  }
  .coin-icon {
	font-size: 50px;
	color: #ffcc00;
  }

  /* Left Menu */
  .left-menu {
	background-color: #111;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
	margin-bottom: 20px;
  }
  .left-menu ul {
	list-style-type: none;
	padding: 0;
  }
  .left-menu ul li {
	margin-bottom: 10px;
  }
  .left-menu ul li a {
	color: #00ff00;
	text-decoration: none;
  }
  .left-menu ul li a:hover {
	text-decoration: underline;
  }

  /* Glitch Effect */
  .glitch {
	position: relative;
	font-size: 2em;
	color: #00ff00;
	text-shadow: 2px 2px 0 #ff00ff, -2px -2px 0 #00ffff;
  }
  .glitch::before, 
  .glitch::after {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #00ff00;
	background: #111;
	overflow: hidden;
  }
  .glitch::before {
	left: 2px;
	text-shadow: -2px 0 red;
	clip: rect(24px, 550px, 90px, 0);
	animation: glitch-anim 2s infinite linear alternate-reverse;
  }
  .glitch::after {
	left: -2px;
	text-shadow: -2px 0 blue;
	clip: rect(85px, 9999px, 140px, 0);
	animation: glitch-anim2 3s infinite linear alternate-reverse;
  }
  @keyframes glitch-anim {
	0% { clip: rect(42px, 9999px, 44px, 0); }
	5% { clip: rect(12px, 9999px, 74px, 0); }
	/* Additional keyframe steps */
  }
  @keyframes glitch-anim2 {
	0% { clip: rect(28px, 9999px, 64px, 0); }
	5% { clip: rect(38px, 9999px, 74px, 0); }
	/* Additional keyframe steps */
  }

  /* Marquee Effects */
  .marquee1, .marquee2, .marquee3 {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
  }
  .marquee1 span, .marquee2 span, .marquee3 span {
	display: inline-block;
  }
  .marquee1 span {
	padding-left: 100%;
	animation: marquee1 25s linear infinite;
  }
  .marquee2 span {
	animation: marquee2 20s ease-in-out infinite;
  }
  .marquee3 span {
	padding-left: 100%;
	animation: marquee3 18s linear infinite;
  }
  @keyframes marquee1 {
	from { transform: translateX(100%); }
	to { transform: translateX(-100%); }
  }
  @keyframes marquee2 {
	0% { transform: translateX(100%); }
	50% { transform: translateX(-50%); }
	100% { transform: translateX(-100%); }
  }
  @keyframes marquee3 {
	0% { transform: translateX(100%); }
	10% { transform: translateX(90%); }
	90% { transform: translateX(-90%); }
	100% { transform: translateX(-100%); }
  }

  body {
	font-family: 'Courier New', Courier, monospace;
	background-color: #000;
	color: #00ff00;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
  }
  .matrix {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
  }
  .header {
	padding: 20px;
	text-align: center;
	background: #111;
	color: #00ff00;
	font-size: 24px;
  }
  .navbar-inverse {
	background-color: #111;
	border-color: #00ff00;
  }
  .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
	color: #00ff00;
  }
  .navbar-inverse .navbar-nav > li > a:hover {
	background-color: #00ff00;
	color: #000;
  }
  .post-card, .card, .ads-module {
	background-color: #111;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
	color: #00ff00;
  }
  .btn {
	background: linear-gradient(to right, #ff0050, #00f2ea);
	border: none;
	color: white;
  }
  .btn:hover {
	background: linear-gradient(to right, #00f2ea, #ff0050);
  }
  .social-icon {
	margin-right: 10px;
	color: #ff0050;
  }
  .social-icon:hover {
	color: #00f2ea;
  }
  .countdown-container {
	text-align: center;
	margin-top: 20px;
  }
  #countdown {
	font-size: 24px;
	color: #00f2ea; /* TikTok Cyan */
  }
  footer {
	background-color: #111;
	color: #00ff00;
	padding: 15px;
	text-align: center;
  }
  .form-control {
	background-color: #111;
	color: #00ff00;
	border-color: #00ff00;
  }
  .left-menu {
	background-color: #111;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
	margin-bottom: 20px;
  }
  .left-menu ul {
	list-style-type: none;
	padding: 0;
  }
  .left-menu ul li {
	margin-bottom: 10px;
  }
  .left-menu ul li a {
	color: #00ff00;
	text-decoration: none;
  }
  .left-menu ul li a:hover {
	text-decoration: underline;
  }
  .card-header {
	background-color: #222;
	color: #00ff00;
	border-bottom: 2px solid #00ff00;
	font-size: 20px;
	padding: 10px;
  }
  .card-body {
	background-color: #111;
	color: #00ff00;
  }
  .marquee1 span, .marquee2 span, .marquee3 span {
	display: inline-block;
  }
  @keyframes marquee1 {
	from { transform: translateX(100%); }
	to { transform: translateX(-100%); }
  }
  @keyframes marquee2 {
	0% { transform: translateX(100%); }
	50% { transform: translateX(-50%); }
	100% { transform: translateX(-100%); }
  }
  @keyframes marquee3 {
	0% { transform: translateX(100%); }
	10% { transform: translateX(90%); }
	90% { transform: translateX(-90%); }
	100% { transform: translateX(-100%); }
  }
  @media (max-width: 768px) {
	.navbar-header {
	  float: none;
	}
	.navbar-toggle {
	  display: block;
	}
	.navbar-collapse {
	  padding-left: 0;
	  padding-right: 0;
	}
	.navbar-nav {
	  float: none;
	  margin: 7.5px -15px;
	}
	.navbar-nav > li {
	  float: none;
	}
	.navbar-nav > li > a {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
  }
  .glitch {
	position: relative;
	color: #00ff00;
	font-size: 2.5em;
  }
  .glitch:before, .glitch:after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	right: 0;
	animation: glitch 2s infinite;
  }
  .glitch:before {
	color: #ff0050;
	clip: rect(0, 900px, 0, 0);
  }
  .glitch:after {
	color: #00f2ea;
	clip: rect(0, 0, 0, 900px);
  }
  @keyframes glitch {
	0% {
	  clip: rect(0, 900px, 0, 0);
	}
	5% {
	  clip: rect(0, 900px, 45px, 0);
	  transform: skew(0.3deg);
	}
	10% {
	  clip: rect(0, 900px, 0, 0);
	}
	15% {
	  clip: rect(85px, 900px, 90px, 0);
	  transform: skew(0.5deg);
	}
	20% {
	  clip: rect(0, 900px, 0, 0);
	}
	25% {
	  clip: rect(25px, 900px, 35px, 0);
	  transform: skew(0.1deg);
	}
	30% {
	  clip: rect(0, 900px, 0, 0);
	}
	35% {
	  clip: rect(50px, 900px, 55px, 0);
	  transform: skew(0.3deg);
	}
	40% {
	  clip: rect(0, 900px, 0, 0);
	}
	45% {
	  clip: rect(15px, 900px, 20px, 0);
	  transform: skew(0.5deg);
	}
	50% {
	  clip: rect(0, 900px, 0, 0);
	}
	55% {
	  clip: rect(95px, 900px, 100px, 0);
	  transform: skew(0.1deg);
	}
	60% {
	  clip: rect(0, 900px, 0, 0);
	}
	65% {
	  clip: rect(35px, 900px, 40px, 0);
	  transform: skew(0.3deg);
	}
	70% {
	  clip: rect(0, 900px, 0, 0);
	}
	75% {
	  clip: rect(65px, 900px, 70px, 0);
	  transform: skew(0.5deg);
	}
	80% {
	  clip: rect(0, 900px, 0, 0);
	}
	85% {
	  clip: rect(45px, 900px, 50px, 0);
	  transform: skew(0.1deg);
	}
	90% {
	  clip: rect(0, 900px, 0, 0);
	}
	95% {
	  clip: rect(10px, 900px, 15px, 0);
	  transform: skew(0.3deg);
	}
	100% {
	  clip: rect(0, 900px, 0, 0);
	}
  }