/*** Core page styles to set the primary colors and styles to be inherited by everything else ***/

/* Core Styling */

@font-face {
        font-family:sans-serif;
        src: url('./assets/font.ttf')
}

html * {
        font-family:sans-serif;
}
body{
        margin:40px auto;
        max-width:1000px;
        line-height:1.6;
        font-size:18px;
        color:#ffffff;
        background-color:#121619;
        padding:0 10px;
        background-color:#000000;
        background-image: url("./assets/background_stars.gif");
}

img {
    max-width: 100%;
    max-height: 100%;
    margin-top:20px;
    margin-bottom:20px;
    border-radius:16px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

code {
        background-color:#293137;
        border-radius:16px;
        padding-left:30px;
        padding-right:30px;
        line-height:2em;

        padding-top:1px;
        padding-bottom:1px;
        color:#9f28d6;
		font-family:monospace;
}

pre {
        overflow-x: auto;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
}

blockquote {
        border-left:1px solid #9f28d6;
        display:block;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 30px;
        padding-left: 10px;
        margin-right: 40px;
        font-style: italic;
        color:#9f28d6;
}

hr {
        color:#9f28d6;
        margin-left: auto;
        margin-right: auto;
        
}

#endline { /* Special kind of <hr> for spacing out footnotes from the rest of a post */
        color:#9f28d6;               
        margin-left: auto;              
        margin-right: auto;
        max-width: 300px;
        margin-top: 80px;
}

a {
        color:#9f28d6
        
}

h1{
        line-height:1.2;
        text-align: center;
        
}

h2,h3{
        padding-top:24px;
        line-height:1.2;
}

table {
        margin-left: auto; 
        margin-right: auto;
        background-color: #1a1e22;
        padding: 15px 20px;
        border-radius: 6px;
        border-left: 3px solid gold;
}


.logo {           
        margin-bottom:20px;
        text-align:center;
}

/* Navbar styling. */
.nav {
        padding-right:10px;
        border-top:1px solid #9f28d6;
        border-bottom:1px solid #9f28d6;
        margin-bottom:20px;
        text-align:center;
        margin: 20px 0;
        background-color: black;
        
}
.nav a {
color:#9f28d6;
text-decoration:none;
}

/* Site footer styling */
.footer {
        border-top:2px solid #9f28d6;
        font-size:12px;
        margin-top:120px;
        text-align:center;
        
}

/* Styling for Post Content */

.content-area {
    background-color: black;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

.posts {

}

/* --- Social icon row --- */
.social-row {
  display: flex;
  justify-content: center; /* center the icons */
  gap: 0.75rem;             /* small spacing between icons */
  padding: 0.5rem 0;        /* breathing room above/below */
}

.social-row a img {
  width: 75px;
  height: 75px;
  object-fit: contain;
}

/* --- Thinner, subtler hr --- */
hr.thin {
  border: 0;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin: 1rem 0;
}