html, body {margin: 0; height: 100%; overflow: hidden}
.tablebrdr {
	border: 1px solid #CCCCCC;
}

p, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
a.nav:link {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.nav:visited {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.nav:active {
	font-weight: bold;
	color: #333333;
}
a.nav:hover {
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	height: auto;
	width: 135px;

}
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #CCCCCC;
	text-decoration: underline;
}.marquee-container {
  overflow: hidden; 
  white-space: nowrap; 
  width: 100%;
}

.marquee-content {
  display: inline-block;
  
  animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0); 
  }
  100% {
    transform: translateX(-10%); 
  }
}
.chatbox {

position: fixed;

top: 20;

right: 0;

}
.cover-table {
  background-image: url('bullet.png');
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 200px;
}

.parent-container {
  display: flex;
  justify-content: center; 
  align-items: center;     
  height: 100vh;   
  position: fixed;
  top:0;
  left: 450;


  
  }
  .parent-container {
  min-height: 500;
  }


.post-box {
  height:400px;
  width: 400px;            
  padding: 40px;
  border: 1px solid #ccc;
  background-color: #000000;
}

.post-box{  word-wrap: break-word;
}
.imageflex { display: flex; }
.imageflexcontent { margin-left: 5px; margin-top: 0; }

.no {
  position: fixed;
  left:300;
  bottom:300;
   transform: rotate(-30deg);
}