/* Navigation and Component Styles */

.nav-section {
  position: absolute;
  padding: 15px 25px;
  background: transparent;
  border: 2px solid #3b3b77;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  min-width: 120px;
  color: #f5f5dc; /* cream text */
  text-transform: uppercase;
  letter-spacing: 2px;
  /* Text stroke effect */
  -webkit-text-stroke: 2px #3b3b77;
  text-stroke: 2px #3b3b77;
}

.nav-section:hover {
  background: rgba(59,59,119,0.1);
  transform: scale(1.05);
  -webkit-text-stroke: 2.5px #3b3b77;
  text-stroke: 2.5px #3b3b77;
}

/* Default navigation button positions */
#contact { top: 40px; right: 40px; }
#bio { top: 100px; right: 40px; }
#writings { bottom: 80px; left: 80px; }
#experiments { bottom: 80px; right: 80px; }