/* Contract Address Section Styles */
.contract-address-section {
  text-align: center;
  margin: 30px auto;
  padding: 20px;
  background: linear-gradient(45deg, #FFD700, #FFA500);
  border: 3px solid #FF6B35;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  max-width: 600px;
  animation: pulse 2s infinite;
}

.contract-address-section h2 {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 10px 0;
  text-shadow: 2px 2px 4px rgba(255,255,255,0.5);
}

.contract-address-box {
  background: #000;
  color: #FFD700;
  padding: 15px;
  border-radius: 10px;
  font-family: monospace;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  border: 2px solid #FFD700;
  transition: all 0.3s ease;
}

.contract-address-box:hover {
  background: #FFD700;
  color: #000;
  transform: scale(1.05);
}

@keyframes pulse {
  0% { box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
  50% { box-shadow: 0 8px 16px rgba(255,107,53,0.6); }
  100% { box-shadow: 0 4px 8px rgba(0,0,0,0.3); }
}

/* Social and Trading Platform Links */
.social-trading-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}

.platform-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.8);
  border: 2px solid #FFD700;
  border-radius: 50%;
  transition: all 0.3s ease;
  text-decoration: none;
  padding: 8px;
  overflow: hidden;
}

.platform-link:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 6px 15px rgba(255, 215, 0, 0.4);
  border-color: #FF6B35;
  background: rgba(255, 215, 0, 0.1);
}

.platform-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.platform-link.x-logo img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  filter: invert(1);
  border-radius: 0;
}

/* Responsive adjustments for platform links */
@media (max-width: 480px) {
  .social-trading-links {
    gap: 12px;
  }
  
  .platform-link {
    width: 40px;
    height: 40px;
    padding: 6px;
  }
  
  .platform-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }
  
  .platform-link.x-logo img {
    width: 22px;
    height: 22px;
    object-fit: contain;
    filter: invert(1);
    border-radius: 0;
  }
}

/* DEXScreener Chart Section Styles */
.dexscreener-chart-section {
  text-align: center;
  margin: 30px auto;
  padding: 20px;
  background: linear-gradient(45deg, #1a1a1a, #333);
  border: 3px solid #FF6B35;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  max-width: 800px;
}

.dexscreener-chart-section h2 {
  color: #FFD700;
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 15px 0;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}



.chart-container {
  background: #000;
  border-radius: 10px;
  padding: 10px;
  border: 2px solid #FFD700;
}

.chart-container iframe {
  border-radius: 8px;
  min-height: 400px;
}


@charset "UTF-8";
/* CSS Document */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {
	font: 14px "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; color:#FFF;
	background-color: #000; background-image:url(img/bg-brick.jpg); background-position:center top;
	margin: 0; padding: 0; 
	
}

a:link {color:#FC0; text-decoration: none;}
a:visited {color: #FC0; text-decoration: none;}
a:hover {text-decoration: none;}
a img {	border:none;}

h1{color: #FC0; font-size: 22px; font-weight:bold;}
h2{color: #FC0; font-size: 18px; font-weight:bold;}

.title{color: #FC0; font-weight:bold;}
.emphasis{color: #FC0;}

.largetext{font-size: 16px;}



#wrapper{position: relative; width: 980px; margin: auto; background-image:url(img/bg-red.jpg); background-repeat:no-repeat; background-color: #000; min-height: 600px}

#left{float: left; width: 350px; position: relative; z-index: 10000}
#right{float: right; width: 500px; position: relative; z-index: 5000; padding-right: 10px;}


#header{width: 100%; height: 70px;
background-image:url(img/steel-header.jpg); background-position:center;
background-attachment:local; min-width: 980px;
position: relative; 
}

#hex{position: relative; top: -70px; margin-left: 200px;float: left;}


#nav{width: 330px; height: 800px; margin: -145px 0 0 15px;  background-image:url(img/nav-bg.png); }
#nav-below{display: block; width: 220px; margin: 0 0 10px 60px; border-right: 1px solid #333; padding: 10px;}
#nav-below img{border: 1px solid #F90}
.quote{font-size: 14px; text-align:justify; color: #FFF; margin-top: 10px;}
.quotecredit{font-size: 14px; text-align: right; color: #FC3; font-style:italic; margin-bottom: 30px; margin-top: 8px;}



#content{width: 610px; float: right; position: relative; z-index:500}

.content-full-width{width: 940px; display: block; position: relative;}

#footer{width: 980px; height: 80px;  font-size: 10px; background-image:url(img/steel-footer-crop.png); clear:both; padding-top: 30px; text-align:center;
}


#homegraphic{}

/*--------------------------MAIN NAV-----------------------------*/

#navigation {
width:270px; list-style:none; position: relative; right: 10px;
}
#navigation a  {
	display:block;
	background: url(nav/navsprite-200.png); 
	background: url(nav/navsprite-100.png)\9; /* IE8 and below */  
	background-attachment: local;
    background-position-x: 0px; 
    background-position-y: 0px;
	background-size: 990px auto;
    height: 68px;
    width: 270px;
	text-indent:-9000px;
}

#navigation a.top {width: 330px !important; position: relative; right: 20px; top: 10px; background-position:0px 0px; height: 180px;}#navigation a.top:hover {background-position:-330px 0px;}

.navspacer {
	display: block; width: 330px !important; height: 80px;
	background: url(nav/navsprite-200.png); 
	background: url(nav/navsprite-100.png)\9; /* IE8 and below */  
	background-attachment: local;
    background-position: -20px -170px;
	background-size: 990px auto;
		}

#navigation a.home {background-position:0px -265px;}#navigation a.home:hover {background-position:-330px -265px;}
#navigation a.show {background-position:0px -333px;}#navigation a.show:hover {background-position:-330px -333px;}
#navigation a.elements {background-position: 0px -401px;}#navigation a.elements:hover {background-position:-330px -401px;}
#navigation a.cast {background-position:0px -469px;}#navigation a.cast:hover{background-position:-330px -469px;}
#navigation a.media {background-position:0px -537px;}#navigation a.media:hover {background-position:-330px -537px;}
#navigation a.contact {background-position:0px -605px;}#navigation a.contact:hover {background-position:-330px -605px;}
#navigation a.bottom {background-position:0px -673px; height: 127px;}