/* Import pixel-art font for title cards */
@font-face {
  font-family: 'EarlyGameBoy';
  src: url('early_gameboy.ttf') format('truetype');
}

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

/* Basic styling for the blog with updated color palette */
body {
  font-family: 'PixelOperator';
  margin: 0;
  padding: 20px;
  background-color: #0d2b45;
  color: #ffecd6;
}

header {
  font-family: 'EarlyGameBoy', sans-serif;
  background: #203c56; /* Matching the header background */
  color: #ffaa5e; /* Matching header text color */
  text-align: center;
  padding: 15px 0;
  position: relative;
  margin-bottom: 30px; /* Adds some spacing before the footer */
  border-radius: 6px;
  border: 2px solid #ffaa5e;
}

header ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

header ul li {
  font-family: 'PixelOperator';
  display: inline;
  margin-right: 20px;
}

header a {
  color: #ffaa5e;
  text-decoration: underline;
  font-size: 16px;
}
  
header a:hover {
  color: #d08159;
}

h1, h2 {
  font-family: 'EarlyGameBoy', sans-serif;
  color: #ffaa5e;
}

h2 {
  margin-bottom: 5px;
}

.post {
  background: #544e68;
  padding: 15px;
  padding-top: 0%;
  padding-bottom: 0%;
  margin: 10px 0;
  border-radius: 5px;
  color: #ffd4a3;
  font-size: 20px; 
  line-height: 1.6;
  border: 1px solid #ffd4a3;
}

.post_list {
  background: #544e68;
  padding: 15px;
  margin: 20px 0;
  border-radius: 5px;
  color: #ffd4a3;
  border: 1px solid #ffaa5e;
  font-size: inherit;
}

.post_list p {
  font-size: 20px;
}

.post_meta {
  font-size: 14px;
  color: #ffb07b;
  margin-top: 0px;
  margin-bottom: 5px;
  opacity: 0.8;
}


a {
  color: #ffaa5e;
}

a:hover {
  color: #d08159;
}

/* Footer styling */
footer {
  font-family: 'EarlyGameBoy', sans-serif;
  background: #203c56; /* Matching the header background */
  color: #ffaa5e; /* Matching header text color */
  text-align: center;
  padding: 15px 0;
  position: relative;
  margin-top: 30px; /* Adds some spacing before the footer */
  border-radius: 6px;
} 

footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

footer ul li {
  font-family: 'PixelOperator';
  display: inline;
  margin-right: 20px;
}

footer a {
  color: #ffaa5e;
  text-decoration: underline;
  font-size: 16px;
}
  
footer a:hover {
  color: #d08159;
}

img {
  display: block;
  margin: 10px auto; /* Centers the image */
  max-width: 100%; /* Ensures it scales properly */
  height: auto;
  border-radius: 12px; /* Adjust the value for more or less rounding */
}

.footer-buttons {
  text-align: center;
  margin-top: 20px;
  display: flex; /* Use flexbox to arrange items horizontally */
  justify-content: center; /* Center the buttons horizontally */
  align-items: center;
}

.footer-buttons a,
.footer-buttons img {
  margin: 0px;
}

.footer-buttons img {
  width: 110px !important;
  border-radius: 1px;
  cursor: pointer;
  object-fit: contain;
}