/*
  Image Loading Optimization:
  Ensures proper rendering and transition effects for profile avatar
*/
#avatar-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: #f1f3f5; /* Fallback background during loading */
  transition: opacity 0.5s ease;
}
        
/* Preloading technique for critical images */
.preload-images {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
    
/* Base document styling */
body, html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "Georgia", serif;
  transition: background-color 0.5s ease, color 0.5s ease;
  background-color: #f1f3f5;
  color: #000;
}

@font-face {
  font-family: 'CygnetRound';
  src: url('./assets/fonts/CygnetRound.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}