*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --accent: oklch(85% 0.28 130);
  --accent-dim: oklch(60% 0.22 130);
  --bg: #04040e;
  --bg2: #080818;
  --surface: rgba(255,255,255,0.04);
  --border: rgba(255,255,255,0.08);
  --text: #e8e8f0;
  --text-muted: rgba(232,232,240,0.45);
  --font: 'Space Grotesk', sans-serif;
  --mono: 'Space Mono', monospace;
}
html {
  scroll-behavior: smooth;
  overflow-x: clip;
  max-width: 100%;
}
body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  overflow-x: clip;
  max-width: 100%;
}
/* BH canvas — right half of screen, only visible in hero */
#stars-canvas {
  position: fixed; top: 0; right: 0;
  width: 54% !important; height: 100vh !important;
  pointer-events: none; z-index: 1; display: block;
  transition: opacity 0.7s ease;
}


/* SIDEBAR NAV — desktop left, mobile top */
nav {
  position: fixed; z-index: 100;
}

/* ── DESKTOP: vertical left sidebar ── */
@media (min-width: 901px) {
  nav {
    left: 24px; top: 50%;
    transform: translateY(-50%);
    width: 72px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: space-between;
    padding: 24px 0;
    height: auto; min-height: 420px;
    background: rgba(8,8,24,0.82);
    backdrop-filter: blur(20px);
    border: 1px solid var(--border);
    border-radius: 36px;
    box-shadow: 0 0 40px rgba(0,0,0,0.5);
  }
  .nav-logo { flex-direction: column; gap: 0; }
  .nav-logo-text { display: none; }
  .nav-icon {
    width: 42px; height: 42px; border-radius: 12px;
    background: var(--accent); display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 13px; color: #04040e; font-weight: 700;
  }
  .nav-icon-img {
    width: 38px; height: 38px; border-radius: 10px; object-fit: contain;
  }
  .nav-links {
    display: flex; flex-direction: column; align-items: center; gap: 4px;
  }
  .nav-links a {
    width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
    color: var(--text-muted); text-decoration: none; font-size: 11px; font-weight: 600;
    transition: color 0.2s, background 0.2s;
    border-radius: 12px; letter-spacing: 0.04em;
    padding: 12px 0;
  }
  .nav-links a svg {
    width: 18px; height: 18px; flex-shrink: 0;
  }
  .nav-links a:hover, .nav-links a.active {
    color: var(--accent); background: oklch(85% 0.28 130 / 0.28);
  }
  .nav-cta {
    border: 1px solid var(--accent); color: var(--accent); background: transparent;
    padding: 10px 0; border-radius: 10px; cursor: pointer; width: 48px;
    font-family: var(--mono); font-size: 12px; font-weight: 700; letter-spacing: 0.08em;
    transition: background 0.2s, color 0.2s;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none;
    position: relative;
  }
  .nav-cta:hover { background: var(--accent); color: #04040e; }
  .nav-cv-preview {
    display: none;
    position: absolute;
    left: calc(100% + 14px);
    top: 50%; transform: translateY(-50%);
    width: 180px;
    background: #0d0d1a;
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 40px rgba(0,0,0,0.6);
    pointer-events: none;
    z-index: 999;
  }
  .nav-cv-preview img {
    width: 100%; height: auto; display: block;
  }
  .nav-cta:hover .nav-cv-preview { display: block; }
  #home { padding-left: 120px; }
  #projects, #skills, #contact { padding-left: 120px; }
}

/* ── MOBILE: horizontal pill top ── */
@media (max-width: 900px) {
  nav {
    position: fixed;
    top: 16px; left: 50%; transform: translateX(-50%);
    width: calc(100% - 32px); max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 9px 10px; height: 54px;
    background: rgba(8,8,24,0.82);
    backdrop-filter: blur(20px);
    border: 1px solid var(--border);
    border-radius: 28px;
    box-shadow: 0 0 30px rgba(0,0,0,0.4);
    z-index: 220;
    overflow: hidden;
  }
  .nav-logo {
    display: flex; align-items: center; gap: 4px; min-width: 0;
    position: relative; z-index: 2;
    width: auto;
    flex: 0 0 auto;
  }
  .nav-logo-text {
    font-family: var(--mono); font-weight: 700; font-size: 11px; letter-spacing: 0.03em;
    color: var(--text);
    white-space: nowrap;
  }
  .nav-logo-text span { color: var(--accent); }
  .nav-icon {
    width: 30px; height: 30px; border-radius: 8px;
    background: var(--accent); display: flex; align-items: center; justify-content: center;
    font-family: var(--mono); font-size: 11px; color: #04040e; font-weight: 700;
  }
  .nav-icon-img {
    width: 28px; height: 28px; border-radius: 7px; object-fit: contain;
  }
  .nav-links {
    display: flex; flex-direction: row; gap: 0;
    align-items: center; justify-content: center;
    z-index: 1;
    min-width: 0;
    flex: 0 0 auto;
  }
  .nav-links a {
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    color: var(--text-muted); text-decoration: none; font-size: 13px; font-weight: 500;
    transition: color 0.2s, background 0.2s; letter-spacing: 0.02em; padding: 0; border-radius: 10px;
  }
  .nav-links a svg { width: 16px; height: 16px; flex-shrink: 0; }
  .nav-links a:hover, .nav-links a.active { color: var(--accent); }
  .nav-cta {
    border: 1px solid var(--accent); color: var(--accent); background: transparent;
    width: 44px; padding: 5px 0; border-radius: 18px; cursor: pointer;
    font-family: var(--font); font-size: 10px; font-weight: 700; letter-spacing: 0.03em;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    position: relative; z-index: 2;
    text-align: center;
    flex: 0 0 auto;
    text-decoration: none;
    display: flex; align-items: center; justify-content: center;
  }
  .nav-cta:hover { background: var(--accent); color: #04040e; }
  .nav-cv-preview { display: none !important; }
}

@media (max-width: 560px) {
  nav {
    width: calc(100% - 20px);
    padding: 8px 8px;
    height: 52px;
    gap: 1px;
  }
  .nav-logo {
    gap: 3px;
  }
  .nav-logo-text {
    font-size: 10px;
    letter-spacing: 0.02em;
  }
  .nav-icon {
    width: 28px; height: 28px;
  }
  .nav-links {
    gap: 0;
  }
  .nav-links a {
    width: 30px; height: 30px;
  }
  .nav-links a svg {
    width: 15px; height: 15px;
  }
  .nav-cta {
    width: 40px;
    font-size: 9px;
  }
}

@media (max-width: 390px) {
  nav { padding: 8px 8px; }
  .nav-logo-text {
    display: none;
  }
  .nav-links a {
    width: 31px; height: 31px;
    border-radius: 8px;
  }
  .nav-links a svg {
    width: 15px; height: 15px;
  }
  .nav-cta {
    width: 44px;
    font-size: 10px;
  }
}

/* SECTIONS */
section { position: relative; z-index: 2; }

/* HERO */
#home {
  min-height: 100vh; display: flex; flex-direction: column;
  justify-content: center; padding: 120px 80px 80px 120px;
  max-width: 1400px; margin: 0 auto;
  position: relative;
}
.hero-badge {
  display: inline-flex; align-items: center; gap: 8px;
  border: 1px solid var(--border); border-radius: 20px;
  padding: 6px 16px; font-size: 13px; color: var(--text-muted);
  margin-bottom: 36px; width: fit-content;
}
.hero-badge-dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--accent); box-shadow: 0 0 8px var(--accent);
  animation: pulse-dot 2s ease-in-out infinite;
}
@keyframes pulse-dot {
  0%,100% { opacity:1; transform:scale(1); }
  50% { opacity:0.6; transform:scale(0.8); }
}
.hero-title {
  font-size: clamp(52px, 8vw, 96px); font-weight: 700; line-height: 1.0;
  letter-spacing: -0.03em; max-width: 700px;
}
.hero-title .accent { color: var(--accent); text-shadow: 0 0 40px oklch(85% 0.28 130 / 0.5); }
.hero-dev-text {
  display: none; /* particles take over */
}
#particle-canvas {
  display: block; margin-top: -6px; cursor: crosshair;
}
.particle-fallback {
  font-size: clamp(52px, 8vw, 96px); font-weight: 700;
  color: var(--accent); text-shadow: 0 0 40px oklch(85% 0.28 130 / 0.5);
  letter-spacing: -0.03em; line-height: 1.0;
  position: absolute; top: 0; left: 0; pointer-events: none;
  opacity: 1; transition: opacity 0.5s;
}
.particle-wrap { position: relative; display: inline-block; }
.hero-desc {
  margin-top: 16px; font-size: 16px; line-height: 1.7;
  color: var(--text-muted); max-width: 440px;
}
.hero-socials {
  display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap;
}
@keyframes spin-border {
  to { transform: rotate(360deg); }
}
.hero-social-btn {
  border-radius: 20px;
  padding: 9px 16px; font-size: 13px; color: var(--text);
  font-family: var(--mono); display: inline-flex; align-items: center; gap: 8px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border: none;
  background: transparent;
  transition: transform 0.2s ease, color 0.2s ease;
  isolation: isolate;
}
/* rotating glow layer */
.hero-social-btn::before {
  content: '';
  position: absolute;
  inset: -60%;
  background: conic-gradient(
    from 0deg,
    transparent 50%,
    oklch(85% 0.28 130 / 0.95) 72%,
    transparent 94%
  );
  animation: spin-border 2.5s linear infinite;
  z-index: -1;
}
/* dark fill — makes only the 1px edge visible */
.hero-social-btn::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 19px;
  background: #04040e;
  z-index: -1;
}
.hero-social-btn--linkedin::before {
  background: conic-gradient(
    from 0deg,
    transparent 50%,
    rgba(96,165,250,0.95) 72%,
    transparent 94%
  );
}
.hero-social-btn:hover {
  transform: translateY(-2px);
  color: var(--accent);
}
.hero-social-btn--linkedin:hover {
  color: #60a5fa;
}
.hero-badges {
  display: flex; gap: 10px; margin-top: 16px; flex-wrap: wrap;
  align-items: flex-start;
}
.badge-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  height: 120px;
  background: var(--bg);
}
.badge-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
  backdrop-filter: blur(0.6px) brightness(0.92);
  background: linear-gradient(
    to bottom,
    rgba(4,4,14,0.10) 25%,
    rgba(4,4,14,0.92) 80%
  );
  border-radius: 10px;
}
@media (max-width: 900px) {
  .badge-overlay {
    backdrop-filter: none;
    background: linear-gradient(
      to bottom,
      rgba(4,4,14,0.05) 40%,
      rgba(4,4,14,0.75) 85%
    );
  }
}
.hero-stats {
  display: flex; gap: 0; margin-top: 36px;
  border: 1px solid var(--border); border-radius: 12px;
  overflow: hidden; max-width: 480px; background: var(--surface);
}
.hero-stat {
  flex: 1; padding: 20px 24px;
  border-right: 1px solid var(--border);
  text-align: center;
}
.hero-stat:last-child { border-right: none; }
.hero-stat-num {
  font-size: 28px; font-weight: 700; color: var(--accent);
  font-family: var(--mono);
}
.hero-stat-label {
  font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--text-muted); margin-top: 4px;
}
.hero-cta {
  margin-top: 20px; display: flex; gap: 16px; flex-wrap: wrap;
}

/* BH hover zone — desktop only, transparent overlay over right 54% */
#bh-hover-zone {
  display: none;
}
@media (min-width: 901px) and (orientation: landscape) {
  #bh-hover-zone {
    display: block;
    position: fixed;
    top: 50%;
    right: calc(27% - 10vw);
    width: 20vw;
    height: 20vw;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 6;
    pointer-events: auto;
    cursor: default;
  }

  /* Profile circle — desktop hover state */
  .hero-photo-circle {
    display: flex;
    position: fixed;
    left: 73%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: min(22vw, 340px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--accent);
    box-shadow:
      0 0 0 12px oklch(85% 0.28 130 / 0.07),
      0 0 50px oklch(85% 0.28 130 / 0.4),
      0 0 100px oklch(85% 0.28 130 / 0.15);
    align-items: center;
    justify-content: center;
    background: rgba(8, 8, 24, 0.92);
    z-index: 7;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body.bh-hovered .hero-photo-circle {
    opacity: 1;
  }
  .hero-photo-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
  }
}

/* BH hover zone hidden in portrait (circle shown differently there) */
@media (orientation: portrait) {
  #bh-hover-zone { display: none !important; }
}

/* Scroll down hint */
.scroll-down-hint {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  z-index: 10;
}
.scroll-down-text {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  color: var(--text-muted);
  opacity: 0.7;
}
.scroll-mouse {
  width: 26px;
  height: 42px;
  border: 2px solid var(--accent);
  border-radius: 13px;
  display: flex;
  justify-content: center;
  padding-top: 7px;
  box-sizing: border-box;
  opacity: 0.85;
}
.scroll-wheel {
  width: 4px;
  height: 8px;
  background: var(--accent);
  border-radius: 2px;
  animation: scrollWheel 1.6s ease-in-out infinite;
}
@keyframes scrollWheel {
  0%   { transform: translateY(0); opacity: 1; }
  60%  { transform: translateY(10px); opacity: 0.2; }
  100% { transform: translateY(0); opacity: 1; }
}

.btn-primary {
  background: var(--accent); color: #04040e;
  border: none; padding: 14px 32px; border-radius: 8px;
  font-family: var(--font); font-size: 14px; font-weight: 700;
  cursor: pointer; letter-spacing: 0.06em;
  transition: box-shadow 0.2s, transform 0.2s;
  display: flex; align-items: center; gap: 8px;
}
.btn-primary:hover {
  box-shadow: 0 0 32px oklch(85% 0.28 130 / 0.5);
  transform: translateY(-2px);
}
.btn-ghost {
  background: transparent; color: var(--text);
  border: 1px solid var(--border); padding: 14px 32px; border-radius: 8px;
  font-family: var(--font); font-size: 14px; font-weight: 500;
  cursor: pointer; letter-spacing: 0.04em;
  transition: border-color 0.2s, color 0.2s;
}
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }

/* SECTION HEADER */
.section-header { text-align: center; margin-bottom: 64px; }
.section-header h2 {
  font-size: clamp(36px, 5vw, 60px); font-weight: 700; letter-spacing: -0.02em;
}
.section-header h2 .accent { color: var(--accent); }
.section-header p {
  margin-top: 16px; color: var(--text-muted); font-size: 16px;
}

/* PROJECTS */
#projects {
  padding: 120px 80px 120px 120px; max-width: 1400px; margin: 0 auto;
  position: relative;
  overflow-x: clip;
}
.proj-filters, .proj-grid, .section-header { position: relative; z-index: 2; }

/* ─── Proj tab toggle ─────────────────────────────── */
.proj-tab-toggle {
  position: relative; z-index: 2;
  display: inline-flex;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 40px;
  padding: 4px;
  margin: 0 auto 44px;
  display: flex;
  width: fit-content;
  overflow: hidden;
}
.proj-tab-slider {
  position: absolute; top: 4px; bottom: 4px;
  left: 4px; width: calc(50% - 4px);
  background: var(--accent);
  border-radius: 36px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}
.proj-tab-btn {
  position: relative; z-index: 1;
  flex: 1; padding: 10px 28px;
  border: none; background: transparent;
  color: var(--text-muted); font-family: var(--font); font-size: 15px;
  cursor: pointer; border-radius: 36px;
  transition: color 0.3s; white-space: nowrap;
}
.proj-tab-btn.active { color: #04040e; font-weight: 700; }

/* ─── Timeline ─────────────────────────────────────── */
.timeline {
  position: relative; z-index: 2;
  padding: 8px 0 8px 0;
  max-width: 860px; margin: 0 auto;
}
.timeline-item {
  display: flex; gap: 0; align-items: flex-start;
  margin-bottom: 48px;
}
.timeline-item:last-child { margin-bottom: 0; }
.timeline-left {
  display: flex; flex-direction: column; align-items: center;
  min-width: 32px; margin-right: 28px; padding-top: 6px;
}
.timeline-dot {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid var(--border);
  background: var(--bg);
  flex-shrink: 0; z-index: 1;
  transition: border-color 0.3s;
}
.timeline-dot--current {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: 0 0 0 5px oklch(85% 0.28 130 / 0.18);
}
.timeline-line {
  flex: 1; width: 2px;
  background: linear-gradient(to bottom, var(--border), transparent);
  min-height: 60px; margin-top: 4px;
}
.timeline-body { flex: 1; }
.timeline-date {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--mono); font-size: 12px;
  color: var(--text-muted); letter-spacing: .08em;
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 20px; padding: 3px 14px 3px 10px;
  margin-bottom: 10px;
}
.timeline-date--current {
  color: var(--accent); border-color: oklch(85% 0.28 130 / 0.45);
  background: oklch(85% 0.28 130 / 0.08);
}
.timeline-pulse {
  display: inline-block;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--accent);
  animation: tlPulse 1.4s ease-in-out infinite;
}
@keyframes tlPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.6); }
}
.timeline-role {
  font-family: var(--font); font-size: 18px; font-weight: 700;
  color: #fff; margin: 0 0 4px;
}
.timeline-company {
  font-family: var(--mono); font-size: 13px;
  color: var(--accent); margin: 0 0 14px;
}
.timeline-card {
  background: var(--surface); border: 1px solid var(--border);
  border-radius: 14px; padding: 20px 24px;
  backdrop-filter: blur(8px);
  position: relative; overflow: hidden;
}
.timeline-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, oklch(85% 0.28 130 / 0.05) 0%, transparent 60%);
  pointer-events: none;
}
.timeline-desc {
  font-family: var(--font); font-size: 14px; line-height: 1.7;
  color: var(--text-muted); margin: 0;
}
.timeline-link {
  display: inline-block; margin-top: 12px;
  font-family: var(--mono); font-size: 13px;
  color: var(--accent); text-decoration: none;
  transition: opacity 0.2s;
}
.timeline-link:hover { opacity: 0.75; }

.proj-filters {
  display: flex; gap: 12px; margin-bottom: 52px;
  justify-content: center; flex-wrap: wrap;
}
.proj-filters--desktop {
  display: flex;
}
.proj-filters--mobile {
  display: none;
  justify-content: center;
  margin-bottom: 52px;
  position: relative; z-index: 100;
}
.filter-dropdown-btn {
  display: inline-flex; align-items: center; gap: 4px;
}
.filter-dropdown-menu {
  position: absolute; top: calc(100% + 8px); left: 0;
  background: #0d0d1a; border: 1px solid var(--border);
  border-radius: 14px; overflow: hidden;
  min-width: 160px; z-index: 999;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5);
}
.filter-dropdown-item {
  display: block; width: 100%;
  padding: 11px 20px; text-align: left;
  background: transparent; border: none;
  color: var(--text-muted); font-family: var(--font); font-size: 14px;
  cursor: pointer; transition: background 0.15s, color 0.15s;
  border-bottom: 1px solid var(--border);
}
.filter-dropdown-item:last-child { border-bottom: none; }
.filter-dropdown-item:hover { background: oklch(85% 0.28 130 / 0.1); color: var(--accent); }
.proj-filter {
  padding: 8px 22px; border-radius: 20px;
  border: 1px solid var(--border); background: transparent;
  color: var(--text-muted); font-family: var(--font); font-size: 14px;
  cursor: pointer; transition: all 0.2s;
}
.proj-filter.active, .proj-filter:hover {
  background: var(--accent); color: #04040e;
  border-color: var(--accent); font-weight: 600;
}
.proj-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.proj-card {
  border: 1px solid var(--border); border-radius: 16px;
  background: var(--surface); padding: 36px 30px 28px;
  cursor: pointer; position: relative; overflow: hidden;
  transition: border-color 0.3s, transform 0.3s;
  backdrop-filter: blur(8px);
}
.proj-card::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, oklch(85% 0.28 130 / 0.06) 0%, transparent 60%);
  opacity: 0; transition: opacity 0.3s;
}
.proj-card:hover::before { opacity: 1; }
.proj-card:hover {
  border-color: oklch(85% 0.28 130 / 0.5);
  transform: translateY(-6px);
}
/* scan line on hover */
.proj-card::after {
  content: ''; position: absolute; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  top: -2px; transition: top 0.5s ease; opacity: 0;
}
.proj-card:hover::after { top: 100%; opacity: 1; }
.proj-card-icon {
  width: 48px; height: 48px; border-radius: 12px;
  border: 1px solid oklch(85% 0.28 130 / 0.4);
  display: flex; align-items: center; justify-content: center;
}
.proj-card-icon svg { width: 22px; height: 22px; stroke: var(--accent); fill: none; stroke-width: 1.5; }
.proj-card-icon-wrap {
  display: flex; align-items: center; gap: 6px;
  margin-bottom: 28px;
}
.proj-icon-arrow {
  font-size: 22px; line-height: 1;
  color: var(--accent);
  animation: arrowBounce 1.2s ease-in-out infinite;
  display: inline-block;
  transform-origin: left center;
  user-select: none;
}
@keyframes arrowBounce {
  0%, 100% { transform: translateX(0);   opacity: 0.4; }
  50%       { transform: translateX(6px); opacity: 1;   }
}
.proj-card-icon--clickable {
  cursor: pointer;
  position: relative;
  width: 54px; height: 54px;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.proj-card-icon--clickable:hover {
  background: oklch(85% 0.28 130 / 0.12);
  border-color: var(--accent);
  transform: scale(1.08);
}
/* Folder: auto-pulse animation, hidden on hover */
.proj-icon-folder {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  animation: iconPulseFolder 3s ease-in-out infinite;
  pointer-events: none;
}
/* Eye+label: auto-pulse animation offset, always shown on hover */
.proj-icon-eye-wrap {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  animation: iconPulseEye 3s ease-in-out infinite;
  pointer-events: none;
}
/* On hover: freeze folder hidden, eye visible */
.proj-card-icon--clickable:hover .proj-icon-folder {
  animation: none; opacity: 0;
}
.proj-card-icon--clickable:hover .proj-icon-eye-wrap {
  animation: none; opacity: 1;
}
/* Folder fades out when eye fades in, and vice versa */
@keyframes iconPulseFolder {
  0%   { opacity: 1; }
  35%  { opacity: 1; }
  50%  { opacity: 0; }
  85%  { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes iconPulseEye {
  0%   { opacity: 0; }
  35%  { opacity: 0; }
  50%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { opacity: 0; }
}
.proj-icon-eye-wrap svg { width: 20px; height: 20px; stroke: var(--accent); fill: none; stroke-width: 1.8; }
.proj-icon-eye-label {
  font-family: var(--mono); font-size: 9px; color: var(--accent);
  letter-spacing: 0.12em; text-transform: uppercase;
}

/* ─── In-card preview overlay ─── */
.proj-card { position: relative; overflow: hidden; }
.proj-preview-overlay {
  position: absolute; inset: 0;
  background: rgba(4,4,14,0.92);
  backdrop-filter: blur(4px);
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
  animation: projPreviewIn 0.22s ease;
}
@keyframes projPreviewIn {
  from { opacity: 0; transform: scale(0.96); }
  to   { opacity: 1; transform: scale(1); }
}
.proj-preview-img {
  max-width: 90%; max-height: 80%;
  border-radius: 10px;
  border: 1px solid var(--border);
  box-shadow: 0 8px 40px rgba(0,0,0,0.7);
  object-fit: contain;
}
.proj-preview-close {
  position: absolute; top: 10px; right: 12px;
  background: rgba(255,255,255,0.08); border: 1px solid var(--border);
  color: #fff; font-size: 16px; line-height: 1;
  width: 30px; height: 30px; border-radius: 50%;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background 0.15s, color 0.15s;
  z-index: 11;
}
.proj-preview-close:hover { background: oklch(85% 0.28 130 / 0.25); color: var(--accent); }
.proj-card-corner {
  position: absolute; top: 16px; right: 16px;
  font-family: var(--mono); font-size: 10px;
  color: oklch(85% 0.28 130 / 0.5); letter-spacing: 0.1em;
}
.proj-card h3 {
  font-size: 20px; font-weight: 700; letter-spacing: -0.01em;
  margin-bottom: 12px;
}
.proj-card p {
  font-size: 14px; line-height: 1.65; color: var(--text-muted);
  margin-bottom: 24px;
}
.proj-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.proj-tag {
  padding: 4px 12px; border-radius: 6px;
  background: oklch(85% 0.28 130 / 0.1);
  border: 1px solid oklch(85% 0.28 130 / 0.2);
  color: var(--accent); font-size: 12px; font-family: var(--mono);
}
.proj-links { display: flex; gap: 12px; margin-top: 4px; }
.proj-link {
  border-radius: 20px;
  padding: 7px 14px; font-size: 12px; color: var(--text);
  font-family: var(--mono); display: inline-flex; align-items: center; gap: 6px;
  cursor: pointer; text-decoration: none;
  position: relative;
  overflow: hidden;
  border: none;
  background: transparent;
  transition: transform 0.2s ease, color 0.2s ease;
  isolation: isolate;
}
.proj-link::before {
  content: '';
  position: absolute;
  inset: -60%;
  background: conic-gradient(
    from 0deg,
    transparent 50%,
    oklch(85% 0.28 130 / 0.95) 72%,
    transparent 94%
  );
  animation: spin-border 2.5s linear infinite;
  z-index: -1;
}
.proj-link::after {
  content: '';
  position: absolute;
  inset: 1px;
  border-radius: 19px;
  background: #04040e;
  z-index: -1;
}
.proj-link:hover { transform: translateY(-2px); color: var(--accent); }
.proj-link--live::before {
  background: conic-gradient(
    from 0deg,
    transparent 50%,
    oklch(90% 0.22 95 / 0.95) 72%,
    transparent 94%
  );
}
.proj-link--live:hover { color: oklch(90% 0.22 95); }

/* SKILLS — Services & Products */
#skills {
  padding: 120px 80px 120px 120px; max-width: 1400px; margin: 0 auto;
  position: relative;
}
#skills .section-header, #skills .proj-filters, #skills .proj-grid { position: relative; z-index: 2; }

/* CONTACT */
#contact {
  padding: 120px 80px 120px 120px; max-width: 1200px; margin: 0 auto;
  position: relative;
}
#model-wrap {
  width: 100%; height: 420px;
  position: relative; z-index: 2;
}
#model-wrap model-viewer {
  width: 100%; height: 420px;
  background: transparent;
  --progress-bar-color: transparent;
  filter: drop-shadow(0 0 40px oklch(85% 0.28 130 / 0.25));
}
.contact-badges {
  display: flex; gap: 16px; justify-content: center; margin-bottom: 56px; flex-wrap: wrap;
}
.contact-badge {
  display: flex; align-items: center; gap: 8px;
  border: 1px solid var(--border); border-radius: 8px;
  padding: 8px 20px; font-size: 14px; color: var(--text-muted);
}
.contact-badge-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--accent); }
.contact-grid {
  display: flex; justify-content: center;
}
.contact-info {
  border: 1px solid var(--border); border-radius: 16px;
  background: var(--surface); padding: 40px 36px;
}
.contact-info h3 { font-size: 26px; font-weight: 700; margin-bottom: 16px; }
.contact-info p { color: var(--text-muted); line-height: 1.7; font-size: 15px; }
.contact-avail {
  margin-top: 32px; display: flex; align-items: center; gap: 14px;
  border: 1px solid var(--border); border-radius: 10px; padding: 16px 20px;
  background: oklch(85% 0.28 130 / 0.04);
}
.contact-avail-icon {
  width: 40px; height: 40px; border-radius: 10px;
  background: oklch(85% 0.28 130 / 0.12);
  display: flex; align-items: center; justify-content: center;
}
.contact-avail strong { display: block; font-size: 14px; }
.contact-avail span { font-size: 12px; color: var(--text-muted); }
.contact-form {
  border: 1px solid var(--border); border-radius: 16px;
  background: var(--surface); padding: 40px 36px;
  position: relative; overflow: hidden;
  backdrop-filter: blur(8px);
  transition: border-color 0.3s, transform 0.3s;
}
.contact-form::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, oklch(85% 0.28 130 / 0.06) 0%, transparent 60%);
  opacity: 1; pointer-events: none;
}
.contact-form::after {
  content: ''; position: absolute; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), transparent);
  top: -2px; transition: top 0.5s ease; opacity: 0; pointer-events: none;
}
.contact-form:hover { border-color: oklch(85% 0.28 130 / 0.5); }
.contact-form:hover::after { top: 100%; opacity: 1; }

.contact-form h3 { font-size: 22px; font-weight: 700; margin-bottom: 28px; }
.form-group { margin-bottom: 20px; }
.form-group label {
  display: block; font-size: 13px; font-weight: 500;
  margin-bottom: 8px; letter-spacing: 0.02em;
}
.form-group label span { color: var(--accent); }
.form-group input, .form-group textarea {
  width: 100%; background: rgba(255,255,255,0.04);
  border: 1px solid var(--border); border-radius: 8px;
  padding: 12px 16px; color: var(--text);
  font-family: var(--font); font-size: 14px;
  outline: none; transition: border-color 0.2s;
  resize: vertical;
}
.form-group input:focus, .form-group textarea:focus {
  border-color: oklch(85% 0.28 130 / 0.5);
  box-shadow: 0 0 0 3px oklch(85% 0.28 130 / 0.08);
}
.form-group input::placeholder, .form-group textarea::placeholder { color: var(--text-muted); }
.form-submit {
  width: 100%; padding: 14px; background: var(--accent); color: #04040e;
  border: none; border-radius: 8px; font-family: var(--font);
  font-size: 15px; font-weight: 700; cursor: pointer; letter-spacing: 0.06em;
  transition: box-shadow 0.2s, transform 0.2s;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.form-submit:hover {
  box-shadow: 0 0 32px oklch(85% 0.28 130 / 0.5); transform: translateY(-2px);
}

/* FOOTER */
footer {
  border-top: 1px solid var(--border); padding: 32px 80px;
  display: flex; align-items: center; justify-content: space-between;
  position: relative; z-index: 2;
  backdrop-filter: blur(5px) brightness(3.5);
  background: rgba(4, 4, 14, 0.55);
}
footer .logo { font-family: var(--mono); font-size: 14px; font-weight: 700; }
footer .logo span { color: var(--accent); }
footer p { font-size: 13px; color: var(--text-muted); }
.footer-ip {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
}
.footer-ip-label {
  font-family: var(--mono); font-size: 9px; letter-spacing: 0.2em;
  color: var(--text-muted); opacity: 0.6; text-transform: uppercase;
}
.footer-ip-value {
  font-family: var(--mono); font-size: 13px; color: var(--accent);
  letter-spacing: 0.08em;
}

/* ── PORTRAIT — oculta agujero negro y muestra círculo de foto ── */
@media (orientation: portrait) {
  #stars-canvas {
    width: 100vw !important;
    height: 100vh !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 0 !important;
  }

  /* Fila descripción + círculo: flex horizontal */
  .hero-desc-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
  }
  .hero-desc-row .hero-desc {
    flex: 1;
    margin-top: 0;
    font-size: 14px;
    line-height: 1.6;
  }

  /* Círculo: tamaño fijo dentro de la fila */
  .hero-photo-circle {
    display: flex;
    flex-shrink: 0;
    width: min(36vw, 160px);
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--accent);
    box-shadow:
      0 0 0 8px oklch(85% 0.28 130 / 0.07),
      0 0 30px oklch(85% 0.28 130 / 0.35),
      0 0 60px oklch(85% 0.28 130 / 0.12);
    align-items: center;
    justify-content: center;
    background: rgba(8, 8, 24, 0.9);
    z-index: 5;
    pointer-events: none;
    position: relative;
  }
  .hero-photo-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 50%;
  }
  .hero-badge   { margin-bottom: 10px; }
  .hero-title   { font-size: clamp(36px, 9vw, 58px); }
  .hero-socials { margin-top: 12px; }
  .hero-badges  { margin-top: 12px; }
  .hero-cta     { margin-top: 14px; gap: 10px; }
  .hero-cta .btn-primary,
  .hero-cta .btn-ghost { padding: 11px 20px; font-size: 13px; }
}

/* TWEAKS PANEL */
#tweaks-panel {
  position: fixed; bottom: 24px; right: 24px; z-index: 999;
  background: rgba(4,4,14,0.95); border: 1px solid var(--border);
  border-radius: 14px; padding: 20px 24px; min-width: 260px;
  backdrop-filter: blur(20px); display: none;
  box-shadow: 0 0 40px rgba(0,0,0,0.6);
}
#tweaks-panel.visible { display: block; }
#tweaks-panel h4 {
  font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--accent); margin-bottom: 16px;
}
.tweak-row { margin-bottom: 14px; }
.tweak-label {
  font-size: 12px; color: var(--text-muted); margin-bottom: 6px; display: block;
}
.tweak-row input[type=range] { width: 100%; accent-color: var(--accent); }
.tweak-row select {
  width: 100%; background: var(--surface); border: 1px solid var(--border);
  border-radius: 6px; padding: 6px 10px; color: var(--text);
  font-family: var(--font); font-size: 13px; outline: none; cursor: pointer;
}
.tweak-row select option { background: #04040e; }

@media (max-width: 900px) {
  #home {
    padding: 100px 24px 60px;
    position: relative;
  }
  #projects, #skills, #contact { padding: 80px 24px; }
  #home::after {
    display: none;
  }
  .hero-badge,
  .hero-title,
  .hero-desc,
  .hero-socials,
  .hero-stats,
  .hero-cta {
    position: relative;
    z-index: 3;
  }
  .hero-desc {
    max-width: 32rem;
    text-wrap: pretty;
  }
  .proj-grid { grid-template-columns: 1fr; }
  .proj-filters--desktop { display: none !important; }
  .proj-filters--mobile { display: flex !important; }
  .proj-tab-btn { padding: 10px 18px; font-size: 13px; }
  .timeline-item { gap: 0; }
  .timeline-left { min-width: 24px; margin-right: 16px; }
  .timeline-role { font-size: 16px; }
  .timeline-card { padding: 16px 16px; }
  .skills-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; }
  .model-placeholder-wrap { display: none !important; }
  #skills .btn-primary,
  #skills .btn-ghost {
    padding: 10px 20px;
    font-size: 13px;
  }
  footer { padding: 24px; flex-direction: column; gap: 8px; text-align: center; }
  #globe-wrap {
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%) scale(var(--globe-scale, 0));
    opacity: 0.28;
    filter: blur(5px) saturate(0.7);
  }
  #home, #skills, #contact {
    overflow-x: clip;
    max-width: 100%;
  }
  #particle-canvas {
    max-width: calc(100vw - 48px) !important;
  }
}

/* Portrait mobile */
@media (max-width: 900px) and (orientation: portrait) {
  #home {
    padding: 80px 16px 40px 16px;
  }
}
/* Portrait tablet/desktop */
@media (min-width: 901px) and (orientation: portrait) {
  #home {
    padding: 100px 40px 60px 110px;
  }
  .hero-desc-row {
    gap: 40px;
    align-items: center;
  }
  .hero-desc-row .hero-desc {
    font-size: 16px;
  }
  .hero-photo-circle {
    width: min(30vw, 320px) !important;
  }
}

/* ─── CODEPEN STAR BACKGROUND — shows in all sections except #home ─── */
#codepen-bg {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
  opacity: 0;
  transition: opacity 1.2s ease;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 117px 1613px #fff, 1488px 635px #fff, 944px 914px #fff,
    647px 277px #fff, 1792px 1205px #fff, 656px 1517px #fff, 820px 1839px #fff,
    1153px 1400px #fff, 870px 13px #fff, 550px 702px #fff, 1155px 1056px #fff,
    88px 1709px #fff, 1450px 1090px #fff, 1929px 457px #fff, 1390px 905px #fff,
    1771px 269px #fff, 1741px 669px #fff, 432px 64px #fff, 563px 996px #fff,
    1918px 1873px #fff, 1845px 1211px #fff, 231px 1503px #fff, 37px 220px #fff,
    1970px 495px #fff, 1812px 925px #fff, 67px 1398px #fff, 535px 279px #fff,
    1837px 829px #fff, 1945px 685px #fff, 1677px 1817px #fff, 1317px 1415px #fff,
    1785px 905px #fff, 1787px 1554px #fff, 802px 1296px #fff, 512px 1101px #fff,
    583px 1364px #fff, 336px 558px #fff, 979px 334px #fff, 106px 792px #fff,
    204px 34px #fff, 1845px 1763px #fff, 445px 1599px #fff, 386px 453px #fff,
    471px 952px #fff, 1466px 1676px #fff, 1885px 303px #fff, 51px 1717px #fff,
    1211px 299px #fff, 1546px 1887px #fff, 1067px 33px #fff, 1088px 1326px #fff,
    1938px 760px #fff, 470px 648px #fff, 1213px 269px #fff, 1767px 78px #fff,
    977px 976px #fff, 1926px 175px #fff, 722px 1512px #fff, 945px 227px #fff,
    1811px 99px #fff, 1912px 1406px #fff, 1602px 1243px #fff, 610px 449px #fff,
    654px 1393px #fff, 1930px 1193px #fff, 258px 1184px #fff, 89px 265px #fff,
    824px 1494px #fff, 1506px 1435px #fff, 1027px 753px #fff, 1px 1197px #fff,
    530px 1161px #fff, 864px 1555px #fff, 1610px 1604px #fff, 1035px 1114px #fff,
    1456px 133px #fff, 1196px 1253px #fff, 361px 1037px #fff, 834px 351px #fff,
    436px 1676px #fff, 1194px 1007px #fff, 1141px 647px #fff, 319px 454px #fff,
    937px 1769px #fff, 1872px 1013px #fff, 733px 643px #fff, 1250px 511px #fff,
    189px 296px #fff, 1639px 163px #fff, 1584px 336px #fff, 1912px 1343px #fff,
    1298px 1307px #fff, 1750px 902px #fff, 1129px 845px #fff, 1899px 1470px #fff,
    1427px 232px #fff, 1391px 838px #fff, 1225px 1819px #fff, 190px 1366px #fff,
    1865px 518px #fff, 203px 1383px #fff, 1455px 614px #fff, 423px 354px #fff,
    1678px 1790px #fff, 241px 608px #fff, 1089px 730px #fff, 1342px 38px #fff,
    1848px 249px #fff, 1874px 1785px #fff, 1040px 1837px #fff, 751px 261px #fff,
    510px 1975px #fff, 52px 795px #fff, 1786px 1310px #fff, 498px 712px #fff,
    190px 375px #fff, 1341px 722px #fff, 43px 1394px #fff, 1821px 1687px #fff,
    106px 130px #fff, 1717px 1978px #fff, 168px 151px #fff, 183px 740px #fff,
    945px 1381px #fff, 669px 1170px #fff, 1285px 1816px #fff, 110px 1217px #fff,
    1623px 813px #fff, 869px 647px #fff, 867px 582px #fff, 735px 1240px #fff,
    519px 1896px #fff, 132px 156px #fff, 1649px 193px #fff, 241px 1109px #fff,
    643px 484px #fff, 574px 1282px #fff, 1952px 564px #fff, 1978px 145px #fff,
    329px 903px #fff, 1674px 617px #fff, 1978px 558px #fff, 1808px 1715px #fff,
    1526px 1238px #fff, 475px 1330px #fff, 810px 425px #fff, 1709px 634px #fff,
    1658px 336px #fff, 425px 194px #fff, 352px 96px #fff, 148px 180px #fff,
    1139px 1046px #fff, 1809px 1233px #fff, 1669px 171px #fff, 263px 1394px #fff,
    534px 715px #fff, 396px 1008px #fff, 589px 1445px #fff, 1190px 381px #fff,
    1709px 279px #fff, 520px 891px #fff, 1136px 1867px #fff, 1280px 1233px #fff,
    836px 296px #fff, 1348px 646px #fff, 1539px 913px #fff, 423px 781px #fff,
    1271px 1805px #fff, 696px 564px #fff, 1549px 804px #fff, 303px 1555px #fff,
    1449px 1903px #fff, 66px 687px #fff, 1164px 856px #fff, 1958px 1326px #fff,
    125px 157px #fff, 508px 1669px #fff, 465px 725px #fff, 1925px 1440px #fff,
    405px 793px #fff, 278px 110px #fff, 1084px 1065px #fff, 1077px 705px #fff,
    663px 1844px #fff, 734px 263px #fff, 870px 1761px #fff, 103px 1169px #fff,
    1506px 1295px #fff, 1883px 926px #fff, 335px 1361px #fff, 1126px 1284px #fff,
    257px 1165px #fff, 837px 580px #fff, 1211px 1362px #fff, 1137px 1380px #fff,
    135px 632px #fff, 1491px 1965px #fff, 1098px 195px #fff, 506px 417px #fff,
    693px 1243px #fff, 622px 1862px #fff, 1412px 1343px #fff, 948px 1894px #fff,
    1315px 1363px #fff, 754px 1098px #fff, 1931px 930px #fff, 1831px 342px #fff,
    1751px 1839px #fff, 84px 775px #fff, 1662px 1488px #fff, 617px 1769px #fff,
    1869px 1292px #fff, 963px 432px #fff, 371px 1114px #fff, 37px 642px #fff,
    21px 1184px #fff, 602px 366px #fff, 414px 524px #fff, 282px 244px #fff,
    1689px 868px #fff, 943px 681px #fff, 898px 679px #fff, 449px 1774px #fff,
    1678px 1313px #fff, 475px 1811px #fff, 1146px 1509px #fff,
    1151px 1863px #fff, 1617px 846px #fff, 82px 1077px #fff, 324px 1317px #fff,
    1516px 885px #fff, 1706px 1526px #fff, 1925px 1180px #fff, 553px 967px #fff,
    1072px 536px #fff, 1715px 1816px #fff, 185px 286px #fff, 1362px 1600px #fff,
    628px 1938px #fff, 1187px 412px #fff, 569px 211px #fff, 1959px 1356px #fff,
    1571px 105px #fff, 319px 1111px #fff, 36px 1364px #fff, 502px 1788px #fff,
    1051px 1993px #fff, 1617px 773px #fff, 424px 1507px #fff, 1623px 1955px #fff,
    307px 662px #fff, 183px 1048px #fff, 1919px 1453px #fff, 1006px 1817px #fff,
    468px 673px #fff, 1142px 1375px #fff, 1228px 443px #fff, 1734px 552px #fff,
    20px 1041px #fff, 1783px 334px #fff, 98px 1237px #fff, 1356px 1940px #fff,
    853px 1779px #fff, 1910px 560px #fff, 1174px 1656px #fff, 110px 1724px #fff,
    542px 1771px #fff, 1758px 1931px #fff, 1463px 1401px #fff, 1155px 84px #fff,
    1504px 835px #fff, 750px 322px #fff, 407px 1900px #fff, 1600px 1141px #fff,
    657px 886px #fff, 526px 714px #fff, 18px 836px #fff, 1546px 1548px #fff,
    22px 469px #fff, 594px 1466px #fff, 1160px 1078px #fff, 627px 1055px #fff,
    195px 699px #fff, 1099px 684px #fff, 530px 551px #fff, 1160px 1325px #fff,
    894px 727px #fff, 1157px 98px #fff, 136px 1483px #fff, 1875px 1975px #fff,
    1803px 566px #fff, 318px 1073px #fff, 1866px 1656px #fff, 543px 414px #fff,
    719px 474px #fff, 1115px 738px #fff, 353px 875px #fff, 184px 1938px #fff,
    1854px 1534px #fff, 420px 1698px #fff, 1480px 1550px #fff, 522px 203px #fff,
    1897px 1904px #fff, 975px 1708px #fff, 1774px 602px #fff, 1908px 274px #fff,
    61px 715px #fff, 983px 1156px #fff, 326px 1013px #fff, 641px 290px #fff,
    1522px 120px #fff, 405px 1637px #fff, 1021px 1099px #fff, 631px 1145px #fff,
    982px 1967px #fff, 200px 651px #fff, 795px 351px #fff, 790px 1082px #fff,
    144px 1572px #fff, 1542px 901px #fff, 158px 1524px #fff, 849px 1843px #fff,
    1807px 203px #fff, 1747px 45px #fff, 1603px 1738px #fff, 617px 1966px #fff,
    342px 748px #fff, 1779px 1173px #fff, 1428px 152px #fff, 589px 1998px #fff,
    1940px 1838px #fff, 115px 272px #fff, 1217px 1395px #fff, 1402px 1491px #fff,
    1833px 1814px #fff, 243px 966px #fff, 319px 578px #fff, 813px 364px #fff,
    669px 882px #fff, 551px 134px #fff, 1819px 920px #fff, 740px 1826px #fff,
    1021px 952px #fff, 1575px 453px #fff, 324px 419px #fff, 929px 417px #fff,
    885px 1112px #fff, 503px 187px #fff, 1908px 362px #fff, 1063px 1601px #fff,
    169px 1792px #fff, 789px 963px #fff, 1697px 948px #fff, 1761px 1810px #fff,
    1844px 1591px #fff, 1709px 949px #fff, 1402px 1396px #fff, 1037px 225px #fff,
    1832px 518px #fff, 1728px 1782px #fff, 194px 1421px #fff, 1395px 742px #fff,
    1478px 1325px #fff, 40px 593px #fff, 1732px 117px #fff, 51px 158px #fff,
    1598px 1672px #fff, 701px 849px #fff, 1403px 1979px #fff, 145px 1414px #fff,
    550px 906px #fff, 1366px 460px #fff, 142px 1379px #fff, 34px 1864px #fff,
    1346px 308px #fff, 293px 998px #fff, 21px 1868px #fff, 540px 1033px #fff,
    60px 746px #fff, 1602px 1476px #fff, 180px 804px #fff, 345px 1982px #fff,
    1439px 640px #fff, 939px 1834px #fff, 20px 432px #fff, 492px 1549px #fff,
    109px 1579px #fff, 1796px 1403px #fff, 1079px 519px #fff, 1664px 389px #fff,
    1627px 1061px #fff, 823px 419px #fff, 1399px 1882px #fff, 1906px 344px #fff,
    1189px 848px #fff, 117px 882px #fff, 1262px 33px #fff, 1048px 434px #fff,
    1208px 1309px #fff, 1616px 408px #fff, 1833px 853px #fff, 1433px 1656px #fff,
    811px 1861px #fff, 439px 1672px #fff, 1105px 248px #fff, 328px 1652px #fff,
    13px 1658px #fff, 685px 987px #fff, 985px 403px #fff, 1664px 1206px #fff,
    1993px 1925px #fff, 440px 917px #fff, 1835px 319px #fff, 1404px 1907px #fff,
    624px 1443px #fff, 843px 954px #fff, 478px 1567px #fff, 895px 1602px #fff,
    1231px 871px #fff, 1267px 1646px #fff, 475px 334px #fff, 784px 796px #fff,
    1294px 199px #fff, 109px 702px #fff, 1978px 362px #fff, 291px 940px #fff,
    971px 1343px #fff, 74px 719px #fff, 36px 715px #fff, 1007px 1423px #fff,
    860px 314px #fff, 631px 177px #fff, 1900px 1590px #fff, 1239px 1348px #fff,
    1346px 1270px #fff, 1934px 1475px #fff, 1553px 559px #fff, 588px 1969px #fff,
    670px 1269px #fff, 1484px 376px #fff, 20px 1424px #fff, 1396px 8px #fff,
    969px 244px #fff, 1807px 538px #fff, 1873px 891px #fff, 636px 1142px #fff,
    1474px 1562px #fff, 763px 350px #fff, 663px 700px #fff, 500px 1469px #fff,
    1302px 722px #fff, 181px 291px #fff, 266px 893px #fff, 1403px 654px #fff,
    492px 460px #fff, 1503px 1369px #fff, 23px 1662px #fff, 349px 333px #fff,
    1435px 1017px #fff, 1441px 705px #fff, 1708px 1446px #fff, 1041px 911px #fff,
    1063px 780px #fff, 1158px 1356px #fff, 767px 1454px #fff, 1912px 797px #fff,
    1731px 1759px #fff, 1378px 1390px #fff, 1815px 1364px #fff, 960px 270px #fff,
    1343px 427px #fff, 275px 203px #fff, 1319px 1092px #fff, 1455px 770px #fff,
    283px 1503px #fff, 1505px 901px #fff, 1738px 1561px #fff, 1526px 1935px #fff,
    1757px 669px #fff, 1640px 620px #fff, 1750px 722px #fff, 748px 66px #fff,
    1149px 540px #fff, 159px 953px #fff, 200px 1426px #fff, 515px 1110px #fff,
    1552px 737px #fff, 1094px 1459px #fff, 778px 799px #fff, 1031px 523px #fff,
    743px 1825px #fff, 1100px 882px #fff, 1088px 1836px #fff, 255px 599px #fff,
    67px 1361px #fff, 247px 1721px #fff, 1722px 346px #fff, 1822px 155px #fff,
    452px 1973px #fff, 415px 1960px #fff, 1109px 57px #fff, 273px 1392px #fff;
  -webkit-animation: animStar 50s linear infinite;
  -moz-animation: animStar 50s linear infinite;
  -ms-animation: animStar 50s linear infinite;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 117px 1613px #fff, 1488px 635px #fff, 944px 914px #fff,
    647px 277px #fff, 1792px 1205px #fff, 656px 1517px #fff, 820px 1839px #fff,
    1153px 1400px #fff, 870px 13px #fff, 550px 702px #fff, 1155px 1056px #fff,
    88px 1709px #fff, 1450px 1090px #fff, 1929px 457px #fff, 1390px 905px #fff,
    1771px 269px #fff, 1741px 669px #fff, 432px 64px #fff, 563px 996px #fff,
    1918px 1873px #fff, 1845px 1211px #fff, 231px 1503px #fff, 37px 220px #fff,
    1970px 495px #fff, 1812px 925px #fff, 67px 1398px #fff, 535px 279px #fff,
    1837px 829px #fff, 1945px 685px #fff, 1677px 1817px #fff, 1317px 1415px #fff,
    1785px 905px #fff, 1787px 1554px #fff, 802px 1296px #fff, 512px 1101px #fff,
    583px 1364px #fff, 336px 558px #fff, 979px 334px #fff, 106px 792px #fff,
    204px 34px #fff, 1845px 1763px #fff, 445px 1599px #fff, 386px 453px #fff,
    471px 952px #fff, 1466px 1676px #fff, 1885px 303px #fff, 51px 1717px #fff,
    1211px 299px #fff, 1546px 1887px #fff, 1067px 33px #fff, 1088px 1326px #fff,
    1938px 760px #fff, 470px 648px #fff, 1213px 269px #fff, 1767px 78px #fff,
    977px 976px #fff, 1926px 175px #fff, 722px 1512px #fff, 945px 227px #fff,
    1811px 99px #fff, 1912px 1406px #fff, 1602px 1243px #fff, 610px 449px #fff,
    654px 1393px #fff, 1930px 1193px #fff, 258px 1184px #fff, 89px 265px #fff,
    824px 1494px #fff, 1506px 1435px #fff, 1027px 753px #fff, 1px 1197px #fff,
    530px 1161px #fff, 864px 1555px #fff, 1610px 1604px #fff, 1035px 1114px #fff,
    1456px 133px #fff, 1196px 1253px #fff, 361px 1037px #fff, 834px 351px #fff,
    436px 1676px #fff, 1194px 1007px #fff, 1141px 647px #fff, 319px 454px #fff,
    937px 1769px #fff, 1872px 1013px #fff, 733px 643px #fff, 1250px 511px #fff,
    189px 296px #fff, 1639px 163px #fff, 1584px 336px #fff, 1912px 1343px #fff,
    1298px 1307px #fff, 1750px 902px #fff, 1129px 845px #fff, 1899px 1470px #fff,
    1427px 232px #fff, 1391px 838px #fff, 1225px 1819px #fff, 190px 1366px #fff,
    1865px 518px #fff, 203px 1383px #fff, 1455px 614px #fff, 423px 354px #fff,
    1678px 1790px #fff, 241px 608px #fff, 1089px 730px #fff, 1342px 38px #fff,
    1848px 249px #fff, 1874px 1785px #fff, 1040px 1837px #fff, 751px 261px #fff,
    510px 1975px #fff, 52px 795px #fff, 1786px 1310px #fff, 498px 712px #fff,
    190px 375px #fff, 1341px 722px #fff, 43px 1394px #fff, 1821px 1687px #fff,
    106px 130px #fff, 1717px 1978px #fff, 168px 151px #fff, 183px 740px #fff,
    945px 1381px #fff, 669px 1170px #fff, 1285px 1816px #fff, 110px 1217px #fff,
    1623px 813px #fff, 869px 647px #fff, 867px 582px #fff, 735px 1240px #fff,
    519px 1896px #fff, 132px 156px #fff, 1649px 193px #fff, 241px 1109px #fff,
    643px 484px #fff, 574px 1282px #fff, 1952px 564px #fff, 1978px 145px #fff,
    329px 903px #fff, 1674px 617px #fff, 1978px 558px #fff, 1808px 1715px #fff,
    1526px 1238px #fff, 475px 1330px #fff, 810px 425px #fff, 1709px 634px #fff,
    1658px 336px #fff, 425px 194px #fff, 352px 96px #fff, 148px 180px #fff,
    1139px 1046px #fff, 1809px 1233px #fff, 1669px 171px #fff, 263px 1394px #fff,
    534px 715px #fff, 396px 1008px #fff, 589px 1445px #fff, 1190px 381px #fff,
    1709px 279px #fff, 520px 891px #fff, 1136px 1867px #fff, 1280px 1233px #fff,
    836px 296px #fff, 1348px 646px #fff, 1539px 913px #fff, 423px 781px #fff,
    1271px 1805px #fff, 696px 564px #fff, 1549px 804px #fff, 303px 1555px #fff,
    1449px 1903px #fff, 66px 687px #fff, 1164px 856px #fff, 1958px 1326px #fff,
    125px 157px #fff, 508px 1669px #fff, 465px 725px #fff, 1925px 1440px #fff,
    405px 793px #fff, 278px 110px #fff, 1084px 1065px #fff, 1077px 705px #fff,
    663px 1844px #fff, 734px 263px #fff, 870px 1761px #fff, 103px 1169px #fff,
    1506px 1295px #fff, 1883px 926px #fff, 335px 1361px #fff, 1126px 1284px #fff,
    257px 1165px #fff, 837px 580px #fff, 1211px 1362px #fff, 1137px 1380px #fff,
    135px 632px #fff, 1491px 1965px #fff, 1098px 195px #fff, 506px 417px #fff,
    693px 1243px #fff, 622px 1862px #fff, 1412px 1343px #fff, 948px 1894px #fff,
    1315px 1363px #fff, 754px 1098px #fff, 1931px 930px #fff, 1831px 342px #fff,
    1751px 1839px #fff, 84px 775px #fff, 1662px 1488px #fff, 617px 1769px #fff,
    1869px 1292px #fff, 963px 432px #fff, 371px 1114px #fff, 37px 642px #fff,
    21px 1184px #fff, 602px 366px #fff, 414px 524px #fff, 282px 244px #fff,
    1689px 868px #fff, 943px 681px #fff, 898px 679px #fff, 449px 1774px #fff,
    1678px 1313px #fff, 475px 1811px #fff, 1146px 1509px #fff,
    1151px 1863px #fff, 1617px 846px #fff, 82px 1077px #fff, 324px 1317px #fff,
    1516px 885px #fff, 1706px 1526px #fff, 1925px 1180px #fff, 553px 967px #fff,
    1072px 536px #fff, 1715px 1816px #fff, 185px 286px #fff, 1362px 1600px #fff,
    628px 1938px #fff, 1187px 412px #fff, 569px 211px #fff, 1959px 1356px #fff,
    1571px 105px #fff, 319px 1111px #fff, 36px 1364px #fff, 502px 1788px #fff,
    1051px 1993px #fff, 1617px 773px #fff, 424px 1507px #fff, 1623px 1955px #fff,
    307px 662px #fff, 183px 1048px #fff, 1919px 1453px #fff, 1006px 1817px #fff,
    468px 673px #fff, 1142px 1375px #fff, 1228px 443px #fff, 1734px 552px #fff,
    20px 1041px #fff, 1783px 334px #fff, 98px 1237px #fff, 1356px 1940px #fff,
    853px 1779px #fff, 1910px 560px #fff, 1174px 1656px #fff, 110px 1724px #fff,
    542px 1771px #fff, 1758px 1931px #fff, 1463px 1401px #fff, 1155px 84px #fff,
    1504px 835px #fff, 750px 322px #fff, 407px 1900px #fff, 1600px 1141px #fff,
    657px 886px #fff, 526px 714px #fff, 18px 836px #fff, 1546px 1548px #fff,
    22px 469px #fff, 594px 1466px #fff, 1160px 1078px #fff, 627px 1055px #fff,
    195px 699px #fff, 1099px 684px #fff, 530px 551px #fff, 1160px 1325px #fff,
    894px 727px #fff, 1157px 98px #fff, 136px 1483px #fff, 1875px 1975px #fff,
    1803px 566px #fff, 318px 1073px #fff, 1866px 1656px #fff, 543px 414px #fff,
    719px 474px #fff, 1115px 738px #fff, 353px 875px #fff, 184px 1938px #fff,
    1854px 1534px #fff, 420px 1698px #fff, 1480px 1550px #fff, 522px 203px #fff,
    1897px 1904px #fff, 975px 1708px #fff, 1774px 602px #fff, 1908px 274px #fff,
    61px 715px #fff, 983px 1156px #fff, 326px 1013px #fff, 641px 290px #fff,
    1522px 120px #fff, 405px 1637px #fff, 1021px 1099px #fff, 631px 1145px #fff,
    982px 1967px #fff, 200px 651px #fff, 795px 351px #fff, 790px 1082px #fff,
    144px 1572px #fff, 1542px 901px #fff, 158px 1524px #fff, 849px 1843px #fff,
    1807px 203px #fff, 1747px 45px #fff, 1603px 1738px #fff, 617px 1966px #fff,
    342px 748px #fff, 1779px 1173px #fff, 1428px 152px #fff, 589px 1998px #fff,
    1940px 1838px #fff, 115px 272px #fff, 1217px 1395px #fff, 1402px 1491px #fff,
    1833px 1814px #fff, 243px 966px #fff, 319px 578px #fff, 813px 364px #fff,
    669px 882px #fff, 551px 134px #fff, 1819px 920px #fff, 740px 1826px #fff,
    1021px 952px #fff, 1575px 453px #fff, 324px 419px #fff, 929px 417px #fff,
    885px 1112px #fff, 503px 187px #fff, 1908px 362px #fff, 1063px 1601px #fff,
    169px 1792px #fff, 789px 963px #fff, 1697px 948px #fff, 1761px 1810px #fff,
    1844px 1591px #fff, 1709px 949px #fff, 1402px 1396px #fff, 1037px 225px #fff,
    1832px 518px #fff, 1728px 1782px #fff, 194px 1421px #fff, 1395px 742px #fff,
    1478px 1325px #fff, 40px 593px #fff, 1732px 117px #fff, 51px 158px #fff,
    1598px 1672px #fff, 701px 849px #fff, 1403px 1979px #fff, 145px 1414px #fff,
    550px 906px #fff, 1366px 460px #fff, 142px 1379px #fff, 34px 1864px #fff,
    1346px 308px #fff, 293px 998px #fff, 21px 1868px #fff, 540px 1033px #fff,
    60px 746px #fff, 1602px 1476px #fff, 180px 804px #fff, 345px 1982px #fff,
    1439px 640px #fff, 939px 1834px #fff, 20px 432px #fff, 492px 1549px #fff,
    109px 1579px #fff, 1796px 1403px #fff, 1079px 519px #fff, 1664px 389px #fff,
    1627px 1061px #fff, 823px 419px #fff, 1399px 1882px #fff, 1906px 344px #fff,
    1189px 848px #fff, 117px 882px #fff, 1262px 33px #fff, 1048px 434px #fff,
    1208px 1309px #fff, 1616px 408px #fff, 1833px 853px #fff, 1433px 1656px #fff,
    811px 1861px #fff, 439px 1672px #fff, 1105px 248px #fff, 328px 1652px #fff,
    13px 1658px #fff, 685px 987px #fff, 985px 403px #fff, 1664px 1206px #fff,
    1993px 1925px #fff, 440px 917px #fff, 1835px 319px #fff, 1404px 1907px #fff,
    624px 1443px #fff, 843px 954px #fff, 478px 1567px #fff, 895px 1602px #fff,
    1231px 871px #fff, 1267px 1646px #fff, 475px 334px #fff, 784px 796px #fff,
    1294px 199px #fff, 109px 702px #fff, 1978px 362px #fff, 291px 940px #fff,
    971px 1343px #fff, 74px 719px #fff, 36px 715px #fff, 1007px 1423px #fff,
    860px 314px #fff, 631px 177px #fff, 1900px 1590px #fff, 1239px 1348px #fff,
    1346px 1270px #fff, 1934px 1475px #fff, 1553px 559px #fff, 588px 1969px #fff,
    670px 1269px #fff, 1484px 376px #fff, 20px 1424px #fff, 1396px 8px #fff,
    969px 244px #fff, 1807px 538px #fff, 1873px 891px #fff, 636px 1142px #fff,
    1474px 1562px #fff, 763px 350px #fff, 663px 700px #fff, 500px 1469px #fff,
    1302px 722px #fff, 181px 291px #fff, 266px 893px #fff, 1403px 654px #fff,
    492px 460px #fff, 1503px 1369px #fff, 23px 1662px #fff, 349px 333px #fff,
    1435px 1017px #fff, 1441px 705px #fff, 1708px 1446px #fff, 1041px 911px #fff,
    1063px 780px #fff, 1158px 1356px #fff, 767px 1454px #fff, 1912px 797px #fff,
    1731px 1759px #fff, 1378px 1390px #fff, 1815px 1364px #fff, 960px 270px #fff,
    1343px 427px #fff, 275px 203px #fff, 1319px 1092px #fff, 1455px 770px #fff,
    283px 1503px #fff, 1505px 901px #fff, 1738px 1561px #fff, 1526px 1935px #fff,
    1757px 669px #fff, 1640px 620px #fff, 1750px 722px #fff, 748px 66px #fff,
    1149px 540px #fff, 159px 953px #fff, 200px 1426px #fff, 515px 1110px #fff,
    1552px 737px #fff, 1094px 1459px #fff, 778px 799px #fff, 1031px 523px #fff,
    743px 1825px #fff, 1100px 882px #fff, 1088px 1836px #fff, 255px 599px #fff,
    67px 1361px #fff, 247px 1721px #fff, 1722px 346px #fff, 1822px 155px #fff,
    452px 1973px #fff, 415px 1960px #fff, 1109px 57px #fff, 273px 1392px #fff;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1117px 1306px #fff, 1078px 1783px #fff, 1179px 1085px #fff,
    1145px 920px #fff, 422px 1233px #fff, 387px 98px #fff, 1153px 637px #fff,
    1084px 782px #fff, 476px 453px #fff, 926px 1306px #fff, 60px 1086px #fff,
    753px 1575px #fff, 272px 1684px #fff, 1285px 750px #fff, 1416px 1327px #fff,
    1931px 473px #fff, 736px 1395px #fff, 1816px 763px #fff, 438px 879px #fff,
    665px 1902px #fff, 1341px 677px #fff, 1404px 1073px #fff, 100px 597px #fff,
    357px 1689px #fff, 1044px 1342px #fff, 1954px 502px #fff, 1192px 1308px #fff,
    540px 1239px #fff, 1360px 552px #fff, 89px 752px #fff, 659px 1253px #fff,
    62px 517px #fff, 1375px 1705px #fff, 1343px 1511px #fff, 1659px 1922px #fff,
    1560px 289px #fff, 1362px 1799px #fff, 1886px 1480px #fff,
    1718px 1885px #fff, 824px 738px #fff, 1060px 1370px #fff, 1781px 1171px #fff,
    255px 273px #fff, 1197px 120px #fff, 213px 7px #fff, 1226px 1920px #fff,
    1844px 207px #fff, 1675px 970px #fff, 1435px 1283px #fff, 37px 353px #fff,
    59px 417px #fff, 921px 1602px #fff, 1549px 1490px #fff, 638px 1845px #fff,
    1328px 198px #fff, 1050px 1149px #fff, 1884px 711px #fff, 333px 263px #fff,
    342px 1508px #fff, 1388px 1810px #fff, 1377px 1558px #fff, 890px 487px #fff,
    1081px 759px #fff, 890px 1515px #fff, 911px 1284px #fff, 335px 735px #fff,
    1140px 549px #fff, 1239px 1064px #fff, 226px 71px #fff, 1100px 1278px #fff,
    1851px 1805px #fff, 1370px 1999px #fff, 1008px 1122px #fff, 785px 813px #fff,
    1358px 601px #fff, 1833px 1305px #fff, 1768px 1304px #fff, 1303px 532px #fff,
    860px 598px #fff, 1329px 593px #fff, 1038px 1088px #fff, 408px 405px #fff,
    965px 82px #fff, 1483px 1438px #fff, 310px 1479px #fff, 1786px 1500px #fff,
    1866px 852px #fff, 18px 1757px #fff, 1473px 1004px #fff, 1542px 1933px #fff,
    633px 1970px #fff, 1334px 1713px #fff, 175px 28px #fff, 592px 894px #fff,
    121px 1162px #fff, 1601px 1567px #fff, 1095px 657px #fff, 640px 1233px #fff,
    1073px 1255px #fff, 840px 1087px #fff, 718px 250px #fff, 967px 709px #fff,
    731px 239px #fff, 1623px 593px #fff, 1058px 1820px #fff, 516px 1898px #fff,
    666px 12px #fff, 1997px 1382px #fff, 112px 1690px #fff, 687px 1309px #fff,
    63px 539px #fff, 185px 1897px #fff, 1055px 1691px #fff, 435px 1517px #fff,
    1175px 1119px #fff, 1721px 133px #fff, 1212px 47px #fff, 166px 18px #fff,
    1416px 1652px #fff, 1409px 1745px #fff, 1357px 1232px #fff,
    1677px 1998px #fff, 448px 1415px #fff, 705px 1736px #fff, 1031px 1466px #fff,
    543px 1651px #fff, 1592px 1888px #fff, 1749px 1175px #fff, 639px 1114px #fff,
    1591px 508px #fff, 759px 1244px #fff, 824px 380px #fff, 942px 955px #fff,
    723px 732px #fff, 113px 1369px #fff, 203px 1739px #fff, 868px 733px #fff,
    713px 971px #fff, 341px 833px #fff, 762px 824px #fff, 1359px 310px #fff,
    1858px 1349px #fff, 1531px 692px #fff, 1075px 1512px #fff, 1677px 142px #fff,
    1912px 1478px #fff, 1810px 1078px #fff, 426px 844px #fff, 1426px 588px #fff,
    1909px 654px #fff, 1107px 295px #fff, 1351px 527px #fff, 1393px 599px #fff,
    1379px 1068px #fff, 228px 1846px #fff, 1271px 374px #fff, 1348px 612px #fff,
    7px 1301px #fff, 1501px 1782px #fff, 1795px 423px #fff, 1475px 1918px #fff,
    1328px 1861px #fff, 1624px 51px #fff, 1791px 672px #fff, 1594px 1467px #fff,
    1655px 1603px #fff, 919px 850px #fff, 523px 609px #fff, 1196px 207px #fff,
    753px 410px #fff, 686px 1097px #fff, 1570px 133px #fff, 1996px 1137px #fff,
    361px 116px #fff, 1015px 462px #fff, 76px 1143px #fff, 491px 1818px #fff,
    1563px 795px #fff, 982px 1721px #fff, 831px 1204px #fff, 1737px 589px #fff,
    861px 1579px #fff, 1666px 130px #fff, 698px 1799px #fff, 726px 1519px #fff,
    109px 1208px #fff, 1184px 1057px #fff, 835px 451px #fff, 896px 594px #fff,
    35px 893px #fff, 895px 542px #fff, 706px 225px #fff, 56px 1040px #fff,
    1954px 108px #fff, 1439px 1423px #fff, 26px 1881px #fff, 802px 1564px #fff,
    273px 708px #fff, 40px 31px #fff, 859px 108px #fff;
  -webkit-animation: animStar 100s linear infinite;
  -moz-animation: animStar 100s linear infinite;
  -ms-animation: animStar 100s linear infinite;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background: transparent;
  box-shadow: 1117px 1306px #fff, 1078px 1783px #fff, 1179px 1085px #fff,
    1145px 920px #fff, 422px 1233px #fff, 387px 98px #fff, 1153px 637px #fff,
    1084px 782px #fff, 476px 453px #fff, 926px 1306px #fff, 60px 1086px #fff,
    753px 1575px #fff, 272px 1684px #fff, 1285px 750px #fff, 1416px 1327px #fff,
    1931px 473px #fff, 736px 1395px #fff, 1816px 763px #fff, 438px 879px #fff,
    665px 1902px #fff, 1341px 677px #fff, 1404px 1073px #fff, 100px 597px #fff,
    357px 1689px #fff, 1044px 1342px #fff, 1954px 502px #fff, 1192px 1308px #fff,
    540px 1239px #fff, 1360px 552px #fff, 89px 752px #fff, 659px 1253px #fff,
    62px 517px #fff, 1375px 1705px #fff, 1343px 1511px #fff, 1659px 1922px #fff,
    1560px 289px #fff, 1362px 1799px #fff, 1886px 1480px #fff,
    1718px 1885px #fff, 824px 738px #fff, 1060px 1370px #fff, 1781px 1171px #fff,
    255px 273px #fff, 1197px 120px #fff, 213px 7px #fff, 1226px 1920px #fff,
    1844px 207px #fff, 1675px 970px #fff, 1435px 1283px #fff, 37px 353px #fff,
    59px 417px #fff, 921px 1602px #fff, 1549px 1490px #fff, 638px 1845px #fff,
    1328px 198px #fff, 1050px 1149px #fff, 1884px 711px #fff, 333px 263px #fff,
    342px 1508px #fff, 1388px 1810px #fff, 1377px 1558px #fff, 890px 487px #fff,
    1081px 759px #fff, 890px 1515px #fff, 911px 1284px #fff, 335px 735px #fff,
    1140px 549px #fff, 1239px 1064px #fff, 226px 71px #fff, 1100px 1278px #fff,
    1851px 1805px #fff, 1370px 1999px #fff, 1008px 1122px #fff, 785px 813px #fff,
    1358px 601px #fff, 1833px 1305px #fff, 1768px 1304px #fff, 1303px 532px #fff,
    860px 598px #fff, 1329px 593px #fff, 1038px 1088px #fff, 408px 405px #fff,
    965px 82px #fff, 1483px 1438px #fff, 310px 1479px #fff, 1786px 1500px #fff,
    1866px 852px #fff, 18px 1757px #fff, 1473px 1004px #fff, 1542px 1933px #fff,
    633px 1970px #fff, 1334px 1713px #fff, 175px 28px #fff, 592px 894px #fff,
    121px 1162px #fff, 1601px 1567px #fff, 1095px 657px #fff, 640px 1233px #fff,
    1073px 1255px #fff, 840px 1087px #fff, 718px 250px #fff, 967px 709px #fff,
    731px 239px #fff, 1623px 593px #fff, 1058px 1820px #fff, 516px 1898px #fff,
    666px 12px #fff, 1997px 1382px #fff, 112px 1690px #fff, 687px 1309px #fff,
    63px 539px #fff, 185px 1897px #fff, 1055px 1691px #fff, 435px 1517px #fff,
    1175px 1119px #fff, 1721px 133px #fff, 1212px 47px #fff, 166px 18px #fff,
    1416px 1652px #fff, 1409px 1745px #fff, 1357px 1232px #fff,
    1677px 1998px #fff, 448px 1415px #fff, 705px 1736px #fff, 1031px 1466px #fff,
    543px 1651px #fff, 1592px 1888px #fff, 1749px 1175px #fff, 639px 1114px #fff,
    1591px 508px #fff, 759px 1244px #fff, 824px 380px #fff, 942px 955px #fff,
    723px 732px #fff, 113px 1369px #fff, 203px 1739px #fff, 868px 733px #fff,
    713px 971px #fff, 341px 833px #fff, 762px 824px #fff, 1359px 310px #fff,
    1858px 1349px #fff, 1531px 692px #fff, 1075px 1512px #fff, 1677px 142px #fff,
    1912px 1478px #fff, 1810px 1078px #fff, 426px 844px #fff, 1426px 588px #fff,
    1909px 654px #fff, 1107px 295px #fff, 1351px 527px #fff, 1393px 599px #fff,
    1379px 1068px #fff, 228px 1846px #fff, 1271px 374px #fff, 1348px 612px #fff,
    7px 1301px #fff, 1501px 1782px #fff, 1795px 423px #fff, 1475px 1918px #fff,
    1328px 1861px #fff, 1624px 51px #fff, 1791px 672px #fff, 1594px 1467px #fff,
    1655px 1603px #fff, 919px 850px #fff, 523px 609px #fff, 1196px 207px #fff,
    753px 410px #fff, 686px 1097px #fff, 1570px 133px #fff, 1996px 1137px #fff,
    361px 116px #fff, 1015px 462px #fff, 76px 1143px #fff, 491px 1818px #fff,
    1563px 795px #fff, 982px 1721px #fff, 831px 1204px #fff, 1737px 589px #fff,
    861px 1579px #fff, 1666px 130px #fff, 698px 1799px #fff, 726px 1519px #fff,
    109px 1208px #fff, 1184px 1057px #fff, 835px 451px #fff, 896px 594px #fff,
    35px 893px #fff, 895px 542px #fff, 706px 225px #fff, 56px 1040px #fff,
    1954px 108px #fff, 1439px 1423px #fff, 26px 1881px #fff, 802px 1564px #fff,
    273px 708px #fff, 40px 31px #fff, 859px 108px #fff;
}

#stars3 {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: transparent;
  box-shadow: 940px 1360px #fff, 1071px 539px #fff, 1710px 1414px #fff,
    836px 299px #fff, 1944px 1420px #fff, 253px 1449px #fff, 1257px 1250px #fff,
    1588px 1830px #fff, 1077px 1204px #fff, 273px 1081px #fff, 1993px 766px #fff,
    1808px 479px #fff, 917px 263px #fff, 663px 1820px #fff, 342px 1988px #fff,
    727px 1250px #fff, 636px 1666px #fff, 692px 1112px #fff, 248px 1211px #fff,
    1422px 1121px #fff, 881px 46px #fff, 1531px 1977px #fff, 1643px 1023px #fff,
    684px 1071px #fff, 1142px 1873px #fff, 292px 1313px #fff, 256px 1237px #fff,
    89px 912px #fff, 964px 1783px #fff, 877px 760px #fff, 1641px 1474px #fff,
    1492px 24px #fff, 1776px 1642px #fff, 183px 602px #fff, 1998px 62px #fff,
    1560px 367px #fff, 1333px 995px #fff, 704px 1815px #fff, 1809px 712px #fff,
    1503px 288px #fff, 630px 556px #fff, 1715px 125px #fff, 353px 1878px #fff,
    975px 333px #fff, 1740px 1409px #fff, 1341px 1871px #fff, 1279px 1064px #fff,
    169px 874px #fff, 161px 528px #fff, 1671px 1669px #fff, 169px 632px #fff,
    547px 1724px #fff, 1904px 110px #fff, 679px 1670px #fff, 196px 123px #fff,
    786px 871px #fff, 1840px 324px #fff, 356px 967px #fff, 61px 549px #fff,
    99px 677px #fff, 1719px 87px #fff, 1713px 1990px #fff, 1717px 1358px #fff,
    108px 1187px #fff, 51px 869px #fff, 1461px 902px #fff, 1034px 891px #fff,
    962px 1881px #fff, 1723px 595px #fff, 479px 901px #fff, 1546px 1823px #fff,
    285px 1208px #fff, 1056px 347px #fff, 261px 988px #fff, 466px 990px #fff,
    1657px 648px #fff, 1249px 933px #fff, 1552px 1555px #fff, 147px 62px #fff,
    292px 1157px #fff, 1816px 423px #fff, 1714px 757px #fff, 1036px 961px #fff,
    1955px 710px #fff, 1842px 516px #fff, 479px 1870px #fff, 1579px 1445px #fff,
    1225px 1309px #fff, 1965px 566px #fff, 1575px 1072px #fff, 923px 329px #fff,
    651px 1514px #fff, 865px 1100px #fff, 782px 1873px #fff, 115px 299px #fff,
    14px 1668px #fff, 1666px 1817px #fff, 1096px 1068px #fff, 1462px 742px #fff,
    1384px 1750px #fff;
  -webkit-animation: animStar 150s linear infinite;
  -moz-animation: animStar 150s linear infinite;
  -ms-animation: animStar 150s linear infinite;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 940px 1360px #fff, 1071px 539px #fff, 1710px 1414px #fff,
    836px 299px #fff, 1944px 1420px #fff, 253px 1449px #fff, 1257px 1250px #fff,
    1588px 1830px #fff, 1077px 1204px #fff, 273px 1081px #fff, 1993px 766px #fff,
    1808px 479px #fff, 917px 263px #fff, 663px 1820px #fff, 342px 1988px #fff,
    727px 1250px #fff, 636px 1666px #fff, 692px 1112px #fff, 248px 1211px #fff,
    1422px 1121px #fff, 881px 46px #fff, 1531px 1977px #fff, 1643px 1023px #fff,
    684px 1071px #fff, 1142px 1873px #fff, 292px 1313px #fff, 256px 1237px #fff,
    89px 912px #fff, 964px 1783px #fff, 877px 760px #fff, 1641px 1474px #fff,
    1492px 24px #fff, 1776px 1642px #fff, 183px 602px #fff, 1998px 62px #fff,
    1560px 367px #fff, 1333px 995px #fff, 704px 1815px #fff, 1809px 712px #fff,
    1503px 288px #fff, 630px 556px #fff, 1715px 125px #fff, 353px 1878px #fff,
    975px 333px #fff, 1740px 1409px #fff, 1341px 1871px #fff, 1279px 1064px #fff,
    169px 874px #fff, 161px 528px #fff, 1671px 1669px #fff, 169px 632px #fff,
    547px 1724px #fff, 1904px 110px #fff, 679px 1670px #fff, 196px 123px #fff,
    786px 871px #fff, 1840px 324px #fff, 356px 967px #fff, 61px 549px #fff,
    99px 677px #fff, 1719px 87px #fff, 1713px 1990px #fff, 1717px 1358px #fff,
    108px 1187px #fff, 51px 869px #fff, 1461px 902px #fff, 1034px 891px #fff,
    962px 1881px #fff, 1723px 595px #fff, 479px 901px #fff, 1546px 1823px #fff,
    285px 1208px #fff, 1056px 347px #fff, 261px 988px #fff, 466px 990px #fff,
    1657px 648px #fff, 1249px 933px #fff, 1552px 1555px #fff, 147px 62px #fff,
    292px 1157px #fff, 1816px 423px #fff, 1714px 757px #fff, 1036px 961px #fff,
    1955px 710px #fff, 1842px 516px #fff, 479px 1870px #fff, 1579px 1445px #fff,
    1225px 1309px #fff, 1965px 566px #fff, 1575px 1072px #fff, 923px 329px #fff,
    651px 1514px #fff, 865px 1100px #fff, 782px 1873px #fff, 115px 299px #fff,
    14px 1668px #fff, 1666px 1817px #fff, 1096px 1068px #fff, 1462px 742px #fff,
    1384px 1750px #fff;
}

#stars4 {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 233px 1976px #fff, 1196px 1119px #fff, 646px 740px #fff,
    335px 645px #fff, 1119px 1452px #fff, 176px 1870px #fff, 639px 1711px #fff,
    647px 1388px #fff, 1516px 1108px #fff, 464px 66px #fff, 331px 344px #fff,
    772px 1189px #fff, 1516px 1850px #fff, 1500px 1463px #fff, 1275px 876px #fff,
    1107px 645px #fff, 977px 478px #fff, 583px 1179px #fff, 284px 395px #fff,
    1220px 461px #fff, 1160px 249px #fff, 196px 865px #fff, 670px 1915px #fff,
    1449px 382px #fff, 1191px 546px #fff, 1329px 605px #fff, 1945px 458px #fff,
    995px 749px #fff, 1495px 861px #fff, 708px 1731px #fff, 348px 653px #fff,
    548px 1298px #fff, 1606px 990px #fff, 1049px 1204px #fff, 253px 1501px #fff,
    1154px 166px #fff, 1087px 104px #fff, 1034px 1161px #fff, 1681px 462px #fff,
    577px 1897px #fff, 193px 1901px #fff, 1701px 1755px #fff, 864px 1297px #fff,
    800px 1289px #fff, 676px 28px #fff, 185px 1341px #fff, 379px 1151px #fff,
    1224px 1725px #fff, 280px 541px #fff, 473px 1196px #fff, 921px 1628px #fff,
    969px 432px #fff, 1475px 758px #fff, 1195px 993px #fff, 876px 1840px #fff,
    1274px 1689px #fff, 1977px 1101px #fff, 837px 527px #fff, 1785px 1610px #fff,
    1650px 1843px #fff, 1127px 1508px #fff, 401px 1050px #fff, 51px 1105px #fff,
    545px 880px #fff, 1786px 1672px #fff, 318px 260px #fff, 568px 254px #fff,
    1026px 1527px #fff, 1242px 852px #fff, 1785px 982px #fff, 1318px 1071px #fff,
    398px 1061px #fff, 1509px 257px #fff, 599px 928px #fff, 1195px 1800px #fff,
    1254px 906px #fff, 141px 26px #fff, 1384px 1502px #fff, 476px 767px #fff,
    1973px 722px #fff, 1339px 1031px #fff, 778px 818px #fff, 213px 1320px #fff,
    184px 221px #fff, 983px 1911px #fff, 923px 1439px #fff, 1936px 581px #fff,
    1105px 625px #fff, 325px 729px #fff, 1475px 204px #fff, 1483px 1564px #fff,
    1327px 1272px #fff, 1187px 1944px #fff, 1945px 1471px #fff, 116px 960px #fff,
    1660px 1610px #fff, 412px 1022px #fff, 1552px 1516px #fff,
    1517px 1892px #fff, 306px 829px #fff, 1416px 462px #fff, 1575px 1460px #fff,
    424px 1500px #fff, 1530px 1169px #fff, 1388px 1608px #fff, 185px 416px #fff,
    634px 1446px #fff, 767px 479px #fff, 71px 426px #fff, 1937px 145px #fff,
    1955px 1312px #fff, 1811px 611px #fff, 1145px 569px #fff, 1460px 676px #fff,
    131px 1858px #fff, 1557px 473px #fff, 735px 130px #fff, 112px 1531px #fff,
    1312px 305px #fff, 409px 1032px #fff, 149px 1964px #fff, 535px 1215px #fff,
    1382px 630px #fff, 1437px 1368px #fff, 362px 1181px #fff, 388px 181px #fff,
    274px 1287px #fff, 1858px 1414px #fff, 661px 1935px #fff, 675px 1205px #fff,
    1829px 1725px #fff, 1937px 1145px #fff, 237px 908px #fff, 1059px 1185px #fff,
    824px 1248px #fff, 1167px 1730px #fff, 180px 1961px #fff, 1663px 203px #fff,
    374px 221px #fff, 724px 1883px #fff, 970px 1362px #fff, 832px 505px #fff,
    313px 233px #fff, 1909px 597px #fff, 434px 201px #fff, 587px 995px #fff,
    1833px 623px #fff, 1464px 561px #fff, 231px 593px #fff, 1558px 1433px #fff,
    1986px 1767px #fff, 1753px 1728px #fff, 1153px 1623px #fff, 249px 229px #fff,
    1503px 1186px #fff, 1784px 137px #fff, 841px 403px #fff, 1400px 354px #fff,
    197px 499px #fff, 1188px 681px #fff, 158px 391px #fff, 443px 1099px #fff,
    723px 1445px #fff, 1408px 1235px #fff, 1908px 195px #fff, 271px 891px #fff,
    469px 1693px #fff, 580px 11px #fff, 1533px 70px #fff, 859px 761px #fff,
    1510px 1844px #fff, 421px 558px #fff, 1132px 1453px #fff, 757px 1987px #fff,
    212px 293px #fff, 569px 323px #fff, 1404px 1394px #fff, 252px 1386px #fff,
    1668px 1857px #fff, 123px 1684px #fff, 105px 490px #fff, 1083px 1769px #fff,
    1071px 1953px #fff, 1271px 1159px #fff, 699px 1491px #fff,
    1744px 1997px #fff, 1868px 1973px #fff, 1438px 1449px #fff,
    1222px 1921px #fff, 1328px 1210px #fff, 438px 873px #fff, 809px 780px #fff,
    491px 1524px #fff, 447px 1830px #fff, 927px 1936px #fff, 564px 691px #fff,
    1784px 1747px #fff, 1978px 1722px #fff, 1599px 1480px #fff,
    1276px 729px #fff, 731px 1174px #fff, 1586px 1711px #fff, 451px 1340px #fff,
    1075px 1899px #fff, 13px 575px #fff, 309px 1340px #fff, 981px 183px #fff,
    248px 1315px #fff, 849px 80px #fff, 1754px 1540px #fff, 73px 1432px #fff,
    1208px 1828px #fff, 65px 575px #fff, 1098px 730px #fff, 127px 1358px #fff,
    185px 19px #fff, 1222px 1679px #fff, 1122px 315px #fff, 1906px 452px #fff,
    761px 284px #fff, 813px 492px #fff, 1344px 843px #fff, 118px 1834px #fff,
    1620px 359px #fff, 1755px 1246px #fff, 299px 1076px #fff, 1746px 158px #fff,
    6px 1635px #fff, 143px 190px #fff, 101px 468px #fff, 137px 971px #fff,
    1221px 1929px #fff, 1752px 650px #fff, 1635px 1761px #fff, 1522px 833px #fff,
    908px 153px #fff, 1044px 350px #fff, 1151px 1940px #fff, 822px 210px #fff,
    1774px 310px #fff, 796px 1447px #fff, 1069px 1903px #fff, 217px 565px #fff,
    662px 1370px #fff, 1876px 1570px #fff, 847px 46px #fff, 1042px 1689px #fff,
    1584px 1434px #fff, 1791px 908px #fff, 973px 908px #fff, 793px 747px #fff,
    122px 483px #fff, 1137px 1374px #fff, 1757px 1791px #fff, 513px 225px #fff,
    63px 731px #fff, 1179px 1926px #fff, 346px 18px #fff, 589px 175px #fff,
    87px 302px #fff, 380px 1295px #fff, 450px 921px #fff, 1667px 1973px #fff,
    1495px 1373px #fff, 1462px 1850px #fff, 540px 288px #fff, 1208px 1051px #fff,
    1554px 1095px #fff, 1009px 1516px #fff, 181px 572px #fff, 165px 387px #fff,
    549px 1835px #fff, 960px 16px #fff, 1360px 403px #fff, 1251px 43px #fff,
    1905px 1813px #fff, 1106px 866px #fff, 1809px 277px #fff, 1828px 1720px #fff,
    295px 1610px #fff, 523px 166px #fff, 1069px 692px #fff, 1292px 217px #fff,
    11px 1721px #fff, 99px 1045px #fff, 51px 1584px #fff, 1053px 266px #fff,
    1287px 1235px #fff, 747px 1722px #fff, 1542px 736px #fff, 1256px 18px #fff,
    102px 609px #fff, 586px 1339px #fff, 1843px 1697px #fff, 824px 1687px #fff,
    1124px 882px #fff, 395px 501px #fff, 1456px 672px #fff, 1472px 1648px #fff,
    1326px 1164px #fff, 777px 1672px #fff, 81px 345px #fff, 91px 386px #fff,
    243px 411px #fff, 1560px 90px #fff, 6px 1771px #fff, 1601px 616px #fff,
    1220px 1808px #fff, 1160px 836px #fff, 246px 1777px #fff, 456px 863px #fff,
    97px 1138px #fff, 1811px 942px #fff, 213px 414px #fff, 891px 392px #fff,
    1044px 927px #fff, 1856px 216px #fff, 957px 347px #fff, 1486px 406px #fff,
    838px 912px #fff, 803px 361px #fff, 564px 826px #fff, 1597px 949px #fff,
    1206px 289px #fff, 33px 1035px #fff, 1762px 1377px #fff, 789px 1815px #fff,
    1594px 1342px #fff, 1668px 880px #fff, 1539px 1581px #fff, 1547px 53px #fff,
    861px 1433px #fff, 693px 1618px #fff, 1762px 782px #fff, 1568px 682px #fff,
    1126px 1762px #fff, 1242px 134px #fff, 495px 959px #fff, 1606px 219px #fff,
    1878px 1415px #fff, 1652px 797px #fff, 782px 1903px #fff, 1774px 1133px #fff,
    1430px 408px #fff, 265px 394px #fff, 890px 336px #fff, 1051px 311px #fff,
    461px 1559px #fff, 1931px 91px #fff, 1160px 380px #fff, 1442px 1058px #fff,
    1157px 364px #fff, 586px 227px #fff, 1365px 715px #fff, 1658px 1655px #fff,
    1923px 1664px #fff, 1023px 1844px #fff, 1939px 1367px #fff,
    1203px 1305px #fff, 359px 642px #fff, 1056px 425px #fff, 787px 202px #fff,
    1609px 1850px #fff, 1964px 200px #fff, 1537px 586px #fff, 1589px 903px #fff,
    1063px 1694px #fff, 760px 1185px #fff, 597px 1396px #fff, 294px 452px #fff,
    433px 818px #fff, 199px 840px #fff, 1332px 1937px #fff, 169px 1907px #fff,
    591px 834px #fff, 1716px 1032px #fff, 45px 1879px #fff, 686px 1469px #fff,
    1520px 475px #fff, 1122px 859px #fff, 973px 1541px #fff, 269px 477px #fff,
    1390px 716px #fff, 1791px 783px #fff, 824px 2000px #fff, 1211px 1717px #fff,
    1008px 1587px #fff, 1422px 204px #fff, 234px 556px #fff, 506px 550px #fff,
    942px 1670px #fff, 397px 853px #fff, 599px 795px #fff, 762px 1926px #fff,
    1202px 1424px #fff, 135px 1316px #fff, 1442px 1692px #fff, 977px 652px #fff,
    564px 1648px #fff, 997px 1474px #fff, 67px 1366px #fff, 1860px 1451px #fff,
    1105px 772px #fff, 1886px 1396px #fff, 1510px 658px #fff, 976px 1544px #fff,
    894px 543px #fff, 1098px 1189px #fff, 690px 77px #fff, 770px 733px #fff,
    557px 1403px #fff, 1758px 1623px #fff, 1341px 812px #fff, 699px 967px #fff,
    277px 866px #fff, 1526px 1828px #fff, 8px 977px #fff, 1707px 952px #fff,
    12px 1900px #fff, 72px 921px #fff, 496px 1067px #fff, 1288px 1749px #fff,
    273px 984px #fff, 1197px 1991px #fff, 242px 789px #fff, 903px 1035px #fff,
    480px 1492px #fff, 102px 1331px #fff, 738px 1343px #fff, 560px 1475px #fff,
    367px 846px #fff, 1420px 962px #fff, 1976px 892px #fff, 1911px 1763px #fff,
    1639px 1002px #fff, 437px 1522px #fff, 1906px 1025px #fff, 730px 1364px #fff,
    1127px 521px #fff, 1401px 1792px #fff, 1954px 1066px #fff, 232px 250px #fff,
    1685px 660px #fff, 1011px 999px #fff, 1970px 790px #fff, 750px 499px #fff,
    1738px 660px #fff, 1621px 1849px #fff, 446px 52px #fff, 1055px 1396px #fff,
    1165px 1497px #fff, 1740px 1425px #fff, 1012px 1920px #fff,
    1258px 1560px #fff, 1020px 1152px #fff, 362px 673px #fff, 1065px 975px #fff,
    582px 755px #fff, 1271px 1479px #fff, 719px 548px #fff, 1602px 879px #fff,
    590px 499px #fff, 721px 1412px #fff, 1180px 113px #fff, 1801px 1961px #fff,
    589px 941px #fff, 883px 476px #fff, 214px 890px #fff, 1028px 892px #fff,
    1107px 1832px #fff, 944px 361px #fff, 480px 1453px #fff, 1466px 683px #fff,
    981px 745px #fff, 1968px 828px #fff, 657px 1830px #fff, 11px 1338px #fff,
    179px 730px #fff, 1713px 197px #fff, 51px 955px #fff, 1243px 319px #fff,
    1175px 624px #fff, 446px 46px #fff, 5px 1158px #fff, 82px 1352px #fff,
    1877px 402px #fff, 708px 1778px #fff, 903px 1625px #fff, 1824px 352px #fff,
    1229px 140px #fff, 1518px 24px #fff, 1017px 512px #fff, 515px 699px #fff,
    295px 265px #fff, 69px 1773px #fff, 1640px 1163px #fff, 536px 342px #fff,
    970px 1766px #fff, 560px 1416px #fff, 577px 193px #fff, 469px 9px #fff,
    466px 276px #fff;
  -webkit-animation: animStar 600s linear infinite;
  -moz-animation: animStar 600s linear infinite;
  -ms-animation: animStar 600s linear infinite;
  animation: animStar 600s linear infinite;
}
#stars4:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 233px 1976px #fff, 1196px 1119px #fff, 646px 740px #fff,
    335px 645px #fff, 1119px 1452px #fff, 176px 1870px #fff, 639px 1711px #fff,
    647px 1388px #fff, 1516px 1108px #fff, 464px 66px #fff, 331px 344px #fff,
    772px 1189px #fff, 1516px 1850px #fff, 1500px 1463px #fff, 1275px 876px #fff,
    1107px 645px #fff, 977px 478px #fff, 583px 1179px #fff, 284px 395px #fff,
    1220px 461px #fff, 1160px 249px #fff, 196px 865px #fff, 670px 1915px #fff,
    1449px 382px #fff, 1191px 546px #fff, 1329px 605px #fff, 1945px 458px #fff,
    995px 749px #fff, 1495px 861px #fff, 708px 1731px #fff, 348px 653px #fff,
    548px 1298px #fff, 1606px 990px #fff, 1049px 1204px #fff, 253px 1501px #fff,
    1154px 166px #fff, 1087px 104px #fff, 1034px 1161px #fff, 1681px 462px #fff,
    577px 1897px #fff, 193px 1901px #fff, 1701px 1755px #fff, 864px 1297px #fff,
    800px 1289px #fff, 676px 28px #fff, 185px 1341px #fff, 379px 1151px #fff,
    1224px 1725px #fff, 280px 541px #fff, 473px 1196px #fff, 921px 1628px #fff,
    969px 432px #fff, 1475px 758px #fff, 1195px 993px #fff, 876px 1840px #fff,
    1274px 1689px #fff, 1977px 1101px #fff, 837px 527px #fff, 1785px 1610px #fff,
    1650px 1843px #fff, 1127px 1508px #fff, 401px 1050px #fff, 51px 1105px #fff,
    545px 880px #fff, 1786px 1672px #fff, 318px 260px #fff, 568px 254px #fff,
    1026px 1527px #fff, 1242px 852px #fff, 1785px 982px #fff, 1318px 1071px #fff,
    398px 1061px #fff, 1509px 257px #fff, 599px 928px #fff, 1195px 1800px #fff,
    1254px 906px #fff, 141px 26px #fff, 1384px 1502px #fff, 476px 767px #fff,
    1973px 722px #fff, 1339px 1031px #fff, 778px 818px #fff, 213px 1320px #fff,
    184px 221px #fff, 983px 1911px #fff, 923px 1439px #fff, 1936px 581px #fff,
    1105px 625px #fff, 325px 729px #fff, 1475px 204px #fff, 1483px 1564px #fff,
    1327px 1272px #fff, 1187px 1944px #fff, 1945px 1471px #fff, 116px 960px #fff,
    1660px 1610px #fff, 412px 1022px #fff, 1552px 1516px #fff,
    1517px 1892px #fff, 306px 829px #fff, 1416px 462px #fff, 1575px 1460px #fff,
    424px 1500px #fff, 1530px 1169px #fff, 1388px 1608px #fff, 185px 416px #fff,
    634px 1446px #fff, 767px 479px #fff, 71px 426px #fff, 1937px 145px #fff,
    1955px 1312px #fff, 1811px 611px #fff, 1145px 569px #fff, 1460px 676px #fff,
    131px 1858px #fff, 1557px 473px #fff, 735px 130px #fff, 112px 1531px #fff,
    1312px 305px #fff, 409px 1032px #fff, 149px 1964px #fff, 535px 1215px #fff,
    1382px 630px #fff, 1437px 1368px #fff, 362px 1181px #fff, 388px 181px #fff,
    274px 1287px #fff, 1858px 1414px #fff, 661px 1935px #fff, 675px 1205px #fff,
    1829px 1725px #fff, 1937px 1145px #fff, 237px 908px #fff, 1059px 1185px #fff,
    824px 1248px #fff, 1167px 1730px #fff, 180px 1961px #fff, 1663px 203px #fff,
    374px 221px #fff, 724px 1883px #fff, 970px 1362px #fff, 832px 505px #fff,
    313px 233px #fff, 1909px 597px #fff, 434px 201px #fff, 587px 995px #fff,
    1833px 623px #fff, 1464px 561px #fff, 231px 593px #fff, 1558px 1433px #fff,
    1986px 1767px #fff, 1753px 1728px #fff, 1153px 1623px #fff, 249px 229px #fff,
    1503px 1186px #fff, 1784px 137px #fff, 841px 403px #fff, 1400px 354px #fff,
    197px 499px #fff, 1188px 681px #fff, 158px 391px #fff, 443px 1099px #fff,
    723px 1445px #fff, 1408px 1235px #fff, 1908px 195px #fff, 271px 891px #fff,
    469px 1693px #fff, 580px 11px #fff, 1533px 70px #fff, 859px 761px #fff,
    1510px 1844px #fff, 421px 558px #fff, 1132px 1453px #fff, 757px 1987px #fff,
    212px 293px #fff, 569px 323px #fff, 1404px 1394px #fff, 252px 1386px #fff,
    1668px 1857px #fff, 123px 1684px #fff, 105px 490px #fff, 1083px 1769px #fff,
    1071px 1953px #fff, 1271px 1159px #fff, 699px 1491px #fff,
    1744px 1997px #fff, 1868px 1973px #fff, 1438px 1449px #fff,
    1222px 1921px #fff, 1328px 1210px #fff, 438px 873px #fff, 809px 780px #fff,
    491px 1524px #fff, 447px 1830px #fff, 927px 1936px #fff, 564px 691px #fff,
    1784px 1747px #fff, 1978px 1722px #fff, 1599px 1480px #fff,
    1276px 729px #fff, 731px 1174px #fff, 1586px 1711px #fff, 451px 1340px #fff,
    1075px 1899px #fff, 13px 575px #fff, 309px 1340px #fff, 981px 183px #fff,
    248px 1315px #fff, 849px 80px #fff, 1754px 1540px #fff, 73px 1432px #fff,
    1208px 1828px #fff, 65px 575px #fff, 1098px 730px #fff, 127px 1358px #fff,
    185px 19px #fff, 1222px 1679px #fff, 1122px 315px #fff, 1906px 452px #fff,
    761px 284px #fff, 813px 492px #fff, 1344px 843px #fff, 118px 1834px #fff,
    1620px 359px #fff, 1755px 1246px #fff, 299px 1076px #fff, 1746px 158px #fff,
    6px 1635px #fff, 143px 190px #fff, 101px 468px #fff, 137px 971px #fff,
    1221px 1929px #fff, 1752px 650px #fff, 1635px 1761px #fff, 1522px 833px #fff,
    908px 153px #fff, 1044px 350px #fff, 1151px 1940px #fff, 822px 210px #fff,
    1774px 310px #fff, 796px 1447px #fff, 1069px 1903px #fff, 217px 565px #fff,
    662px 1370px #fff, 1876px 1570px #fff, 847px 46px #fff, 1042px 1689px #fff,
    1584px 1434px #fff, 1791px 908px #fff, 973px 908px #fff, 793px 747px #fff,
    122px 483px #fff, 1137px 1374px #fff, 1757px 1791px #fff, 513px 225px #fff,
    63px 731px #fff, 1179px 1926px #fff, 346px 18px #fff, 589px 175px #fff,
    87px 302px #fff, 380px 1295px #fff, 450px 921px #fff, 1667px 1973px #fff,
    1495px 1373px #fff, 1462px 1850px #fff, 540px 288px #fff, 1208px 1051px #fff,
    1554px 1095px #fff, 1009px 1516px #fff, 181px 572px #fff, 165px 387px #fff,
    549px 1835px #fff, 960px 16px #fff, 1360px 403px #fff, 1251px 43px #fff,
    1905px 1813px #fff, 1106px 866px #fff, 1809px 277px #fff, 1828px 1720px #fff,
    295px 1610px #fff, 523px 166px #fff, 1069px 692px #fff, 1292px 217px #fff,
    11px 1721px #fff, 99px 1045px #fff, 51px 1584px #fff, 1053px 266px #fff,
    1287px 1235px #fff, 747px 1722px #fff, 1542px 736px #fff, 1256px 18px #fff,
    102px 609px #fff, 586px 1339px #fff, 1843px 1697px #fff, 824px 1687px #fff,
    1124px 882px #fff, 395px 501px #fff, 1456px 672px #fff, 1472px 1648px #fff,
    1326px 1164px #fff, 777px 1672px #fff, 81px 345px #fff, 91px 386px #fff,
    243px 411px #fff, 1560px 90px #fff, 6px 1771px #fff, 1601px 616px #fff,
    1220px 1808px #fff, 1160px 836px #fff, 246px 1777px #fff, 456px 863px #fff,
    97px 1138px #fff, 1811px 942px #fff, 213px 414px #fff, 891px 392px #fff,
    1044px 927px #fff, 1856px 216px #fff, 957px 347px #fff, 1486px 406px #fff,
    838px 912px #fff, 803px 361px #fff, 564px 826px #fff, 1597px 949px #fff,
    1206px 289px #fff, 33px 1035px #fff, 1762px 1377px #fff, 789px 1815px #fff,
    1594px 1342px #fff, 1668px 880px #fff, 1539px 1581px #fff, 1547px 53px #fff,
    861px 1433px #fff, 693px 1618px #fff, 1762px 782px #fff, 1568px 682px #fff,
    1126px 1762px #fff, 1242px 134px #fff, 495px 959px #fff, 1606px 219px #fff,
    1878px 1415px #fff, 1652px 797px #fff, 782px 1903px #fff, 1774px 1133px #fff,
    1430px 408px #fff, 265px 394px #fff, 890px 336px #fff, 1051px 311px #fff,
    461px 1559px #fff, 1931px 91px #fff, 1160px 380px #fff, 1442px 1058px #fff,
    1157px 364px #fff, 586px 227px #fff, 1365px 715px #fff, 1658px 1655px #fff,
    1923px 1664px #fff, 1023px 1844px #fff, 1939px 1367px #fff,
    1203px 1305px #fff, 359px 642px #fff, 1056px 425px #fff, 787px 202px #fff,
    1609px 1850px #fff, 1964px 200px #fff, 1537px 586px #fff, 1589px 903px #fff,
    1063px 1694px #fff, 760px 1185px #fff, 597px 1396px #fff, 294px 452px #fff,
    433px 818px #fff, 199px 840px #fff, 1332px 1937px #fff, 169px 1907px #fff,
    591px 834px #fff, 1716px 1032px #fff, 45px 1879px #fff, 686px 1469px #fff,
    1520px 475px #fff, 1122px 859px #fff, 973px 1541px #fff, 269px 477px #fff,
    1390px 716px #fff, 1791px 783px #fff, 824px 2000px #fff, 1211px 1717px #fff,
    1008px 1587px #fff, 1422px 204px #fff, 234px 556px #fff, 506px 550px #fff,
    942px 1670px #fff, 397px 853px #fff, 599px 795px #fff, 762px 1926px #fff,
    1202px 1424px #fff, 135px 1316px #fff, 1442px 1692px #fff, 977px 652px #fff,
    564px 1648px #fff, 997px 1474px #fff, 67px 1366px #fff, 1860px 1451px #fff,
    1105px 772px #fff, 1886px 1396px #fff, 1510px 658px #fff, 976px 1544px #fff,
    894px 543px #fff, 1098px 1189px #fff, 690px 77px #fff, 770px 733px #fff,
    557px 1403px #fff, 1758px 1623px #fff, 1341px 812px #fff, 699px 967px #fff,
    277px 866px #fff, 1526px 1828px #fff, 8px 977px #fff, 1707px 952px #fff,
    12px 1900px #fff, 72px 921px #fff, 496px 1067px #fff, 1288px 1749px #fff,
    273px 984px #fff, 1197px 1991px #fff, 242px 789px #fff, 903px 1035px #fff,
    480px 1492px #fff, 102px 1331px #fff, 738px 1343px #fff, 560px 1475px #fff,
    367px 846px #fff, 1420px 962px #fff, 1976px 892px #fff, 1911px 1763px #fff,
    1639px 1002px #fff, 437px 1522px #fff, 1906px 1025px #fff, 730px 1364px #fff,
    1127px 521px #fff, 1401px 1792px #fff, 1954px 1066px #fff, 232px 250px #fff,
    1685px 660px #fff, 1011px 999px #fff, 1970px 790px #fff, 750px 499px #fff,
    1738px 660px #fff, 1621px 1849px #fff, 446px 52px #fff, 1055px 1396px #fff,
    1165px 1497px #fff, 1740px 1425px #fff, 1012px 1920px #fff,
    1258px 1560px #fff, 1020px 1152px #fff, 362px 673px #fff, 1065px 975px #fff,
    582px 755px #fff, 1271px 1479px #fff, 719px 548px #fff, 1602px 879px #fff,
    590px 499px #fff, 721px 1412px #fff, 1180px 113px #fff, 1801px 1961px #fff,
    589px 941px #fff, 883px 476px #fff, 214px 890px #fff, 1028px 892px #fff,
    1107px 1832px #fff, 944px 361px #fff, 480px 1453px #fff, 1466px 683px #fff,
    981px 745px #fff, 1968px 828px #fff, 657px 1830px #fff, 11px 1338px #fff,
    179px 730px #fff, 1713px 197px #fff, 51px 955px #fff, 1243px 319px #fff,
    1175px 624px #fff, 446px 46px #fff, 5px 1158px #fff, 82px 1352px #fff,
    1877px 402px #fff, 708px 1778px #fff, 903px 1625px #fff, 1824px 352px #fff,
    1229px 140px #fff, 1518px 24px #fff, 1017px 512px #fff, 515px 699px #fff,
    295px 265px #fff, 69px 1773px #fff, 1640px 1163px #fff, 536px 342px #fff,
    970px 1766px #fff, 560px 1416px #fff, 577px 193px #fff, 469px 9px #fff,
    466px 276px #fff;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}