@charset "UTF-8";
:root {
  --cassiopeia-color-primary: #1a1363;
}

.page-header {
  color: var(--link-hover-color);  
}
.page-header h2 {
    font-size: 1.5rem;
}


/* CSS for zoom-in animation */
@keyframes zoomIn {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

.zoom-in {
  animation: zoomIn 2s ease-in-out;
}

/* CSS for left-to-right animation */
@keyframes slideInFromLeft {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

.image-container {
 position: relative;
            text-align: center;
            width: 100%;
        }

        .centered-title {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
          background-color: rgba(0, 0, 0, 0.5);
            padding: 10px;
        }