/* --- Global Settings --- */
@font-face {
	font-family: 'Share Tech Mono';
	src: url('../fonts/ShareTechMono-Regular.ttf') format('truetype');
}

body {
    font-family: 'Share Tech Mono', 'Courier New', Courier, monospace;
    background: #062b38;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers the layout on screen */
    margin: 0;
    padding: 20px;
}

hr {
    background-color: #fff;
    height: 2px;
    border: 0;
    margin: 32px 0;
    opacity: 0.8;
}

/* --- The Grid Layout --- */
.wrapper {
    display: grid;
    /* Two equal columns for the top items */
    grid-template-columns: 1fr 1fr; 
    gap: 1rem;
    width: 100%;
    max-width: 900px;
}

/* Standard Box Style */
.node {
    border-style: solid;
    border-color: #fff;
    border-width: 2px 0px 0px 2px;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.02);
}

#blog.node {
    line-height: 1.8rem;
}

/* --- Helper Classes --- */

/* Makes a box span across both columns */
.full-width {
    grid-column: 1 / -1;
}

/* Specifically centers text (for the Blog) */
.center-text {
    text-align: center;
}

/* --- Content Styling --- */
.bio-block { text-align: center; margin-bottom: 2rem; }
.bio-photo { 
    width: 180px; height: 180px; border-radius: 50%; 
    border: 2px solid #fff; object-fit: cover; 
}

a { color: #e0e000; text-decoration: none; }
a.auto-link::before { content: attr(href); }

.node h1 { 
    font-size: 1.2rem; 
    margin: 0 0 1rem 0; 
    text-transform: uppercase;
}


/* Mobile: Stack everything in 1 column */
@media (max-width: 700px) {
    .wrapper { grid-template-columns: 1fr; }
}