@font-face {
  font-family: 'Pixellium';
  src: url("/fonts/pixellium.ttf");
}

@font-face {
  font-family: 'GNU Unifont';
  src: url("/fonts/gnu-unifont.otf");
}



body {  

  text-shadow:0 0 3px white,0 0 10px teal; 
  font-family:Pixellium;
  background-color:black; 
  color: white;
} 


.iframe-container {
            display: flex;
            justify-content: center;
            align-items: center; 
          
        }

        .iframe-container iframe {
            width: 1200px; 
            height: 800px;  
        }

table {
  width: 100%;
  border-collapse: collapse;
}

thead th {
  background-color: #072551; 
  font-weight: bold; 
  text-align: left;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  font-family: GNU Unifont;
}

tr:nth-child(even) {
  background-color: #16181C;
}

tr:hover {
  background-color: #1E2D44;
}

#astro-chart {
            position: relative;
            width: 600px;
            height: 600px;
            border-radius: 50%;
            background: white;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
            border: 2px solid #000; 
        }
        .zodiac {
            position: absolute;
            width: 50%;
            height: 50%;
            transform-origin: 100% 100%;
            text-align: center;
            font-size: 24px;
            line-height: 50px;
        }
        .planet {
            position: absolute;
            width: 30px;
            height: 30px;
            transform: translate(-50%, -50%);
        }
        .planet img {
            width: 100%;
            height: 100%;
        }
        .separator {
            position: absolute;
            width: 2px;
            height: 300px;
            background: #000;
            top: 25%;
            left: 50%;
            opacity: 0.1;
            transform-origin: center;
        }