#gate header{
padding-top: 0px;
justify-items:center;
height:150px;
width: 100%;
background: linear-gradient(0deg, transparent 0%, slategray 100%);
}
#gate .gategrp{
justify-items:center;
border-collapse: collapse;
border: 0px solid black;
display: flex;
flex-wrap: wrap;
gap: 30px;
text-align: center;
justify-content:center;
}
.gatefront {
color: white;
position: absolute
}
.gatehead {
color: white;
text-align: center
}
.logsect{
font-size: 20px;
text-align: center;
vertical-align: middle;
align-items: start;
justify-content: center;
max-width:500px;
}
.thepanel {
  table-layout: fixed;
  width: 100%;
}
.stattext  {
font-size: 20px;
text-align: center;
vertical-align: top;
align-items: start;
justify-content: center;
width:100vw;
padding: 0px;
color: floralwhite;
}
.logsect div{
padding: 30px;
}
.logsect .pretext{
height: 100px;
}
.logsect .countdown{
padding: 0px;
}
.logsect button{
font-size: 30px;
width: 300px;
height: 100px;
}
#goldbut{
background: linear-gradient(0deg, mintcream 0%, darkgoldenrod 100%)
}
#silverbut{
background: linear-gradient(0deg, mintcream 0%, #554466 100%)
}

.blog {
	width: 100vw;
	background-color: white;
	border: 2px solid black;
	padding: 10px;
	gap: 50px;
	justify-content: center;
}
.blogroup{
	font-size: 20px;
	border: 2px solid black;
	box-shadow: 5px 5px 15px black;
	padding: 20px;
	border-radius: 8px;
	width: 500px;
	max-width: 100vw;
	gap: 50px;
	overflow: hidden;
	background-color: lightgrey;
}
.blogroup p{
 text-align: justify;
 }
.blogroup li{
padding: 2px;
 text-align: left;
 }
.blog-groups {
	width: 100vw;
	align-items: start;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
	padding: 50px;
}

.logsect p {
color: floralwhite;
}
#nft-modal, #devpopup {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1000;
}

.nft-modal-content {
    position: relative;
    width: min(700px, 90vw);
    max-height: 80vh;
    overflow-y: auto;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
}

.nft-grid {
    display: grid;
    grid-template-columns: repeat(
        auto-fit,
        minmax(150px, 1fr)
    );
    gap: 16px;
    margin-top: 20px;
}

.nft-card {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
}

.nft-card img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 6px;
    margin-bottom: 8px;
}

.nft-card button {
    width: 100%;
    padding: 8px 12px;
    cursor: pointer;
}