/*
Theme Name: Technekaizen
Author: Cline
Description: A custom theme for Technekaizen.
Version: 1.0
*/




/* Basic reset to remove default browser margins and padding */
body {
    margin: 0;
    padding: 0;
    /* Ensure body takes full height */
    height: 100vh;
    /* Hide potential scrollbars caused by the canvas */
    overflow: hidden;
    /* Set background color to black for the night sky effect */
    background-color: #000000;
    /* Improve rendering performance on some browsers */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure the container also takes full available space */
#sky-container {
    width: 100%;
    height: 100%;
    display: block; /* Ensure it behaves as a block element */
}

/* Ensure the canvas generated by Three.js fits its container */
canvas {
    display: block; /* Remove potential extra space below the canvas */
}
.experience
{
    position: fixed;
    width: 100vw;
    height: 100vh;
}
/* Style for the animated heading */
#animated-heading {
  pointer-events: none;
  user-select: none;
  text-align: center;
  white-space: nowrap;
  transform: translateZ(0); /* Force GPU layer */
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.7); 
  font-family: "Playfair Display";
  color: hsl(100, 100, 100);
}

/* Top-right fixed menu */
#menu {
  position: fixed;
  top: 20px;        /* distance from top */
  right: 20px;      /* distance from right */
  z-index: 2000;    /* higher than your canvas/labels */
  background: none;
  padding: 8px 12px;
  border-radius: 4px;
  font-family: "Playfair Display";
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 12px;        /* space between items */
}

#menu li a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  padding: 4px 6px;
}

#menu li a:hover {
  text-decoration: underline;
}