@charset "utf-8";
/* Main stylesheet for Robert Chapman’s site */
body { 
	font-size: 1em;
	font-family: 'Roboto Mono', monospace;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	line-height: 1.75em;
	color: #f0f0f0; /* New dark theme */
	background-color: #333333; /* New dark theme */
	}
.maincontent { 
	max-width: 800px; /* Changed from 960px to 800px */
	margin:0 auto;
	}
a {
  color: #cccccc;
}
section {
  margin-bottom: 1.5em;
}

img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  body {
    font-size: 0.9em;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* Profile image swapping styles */
.profile-image-container {
  position: relative; /* Establishes a positioning context for child elements. */
  width: 200px; /* Assuming profile-small.png is 200px wide, adjust if necessary */
  height: 200px; /* Assuming profile-small.png is 200px high, adjust if necessary */
}

.profile-image-container img {
  position: absolute; /* Position images on top of each other */
  top: 0;
  left: 0;
  width: 100%; /* Make images fill the container width */
  height: 100%; /* Make images fill the container height */
  object-fit: cover; /* Ensure images cover the area without distortion, might crop */
  display: block; /* Remove extra space below image */
}

.profile-image-container .profile-image-hover {
  display: none; /* Hide the hover image by default */
}

/* Swap images on hover for desktop devices */
.profile-image-container:hover .profile-image-default {
  display: none;
}

.profile-image-container:hover .profile-image-hover {
  display: block;
}