body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #0e0e0e;
    color: white;
    text-align: center;
}

header {
    padding: 20px;
}

footer {
  position: fixed;   /* фіксуємо елемент */
  left: 0;           /* притискаємо до лівого краю */
  bottom: 5px;      /* відстань від низу — 30px */
  width: 100%;       /* на всю ширину вікна */
}

.logo {
    width: 60px;
    vertical-align: middle;
}

    /* Фон-карта */
    .map {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*background: url('https://upload.wikimedia.org/wikipedia/commons/8/83/Equirectangular_projection_SW.jpg') no-repeat center center/cover;*/
      background: url('https://jrmagnetics.com/VR/three.js-master/examples/textures/planets/earth_lights_2048.png') no-repeat center center/cover;      
      opacity: 0.25;
      z-index: 0;
      animation: slowPan 40s infinite linear;
      pointer-events: none;
    }
    
#globe-container {
    width: 100%;
    height: 500px;
}

#subdomain-list {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}

.subdomain {
    background: rgba(255,255,255,0.1);
    padding: 10px 20px;
    border-radius: 8px;
    transition: background 0.3s;
}

.subdomain:hover {
    background: rgba(255,255,255,0.3);
    cursor: pointer;
}