body {
    background-color: #000; /* Starry black space */
    background-image: url('https://i.pinimg.com/originals/a3/87/45/a38745e519e0e1130213028cf6655c3f.gif'); /* New starry bg */
    background-size: cover;
    color: #FF69B4; /* Hot pink text */
    font-family: 'VT323', monospace; /* Fixed retro font */
    margin: 0;
    padding: 20px;
    animation: glitch 1s infinite; /* Glitch effect */
}

@keyframes glitch {
    0% { transform: translate(0); }
    20% { transform: translate(-2px, 2px); color: #00FFFF; }
    40% { transform: translate(2px, -2px); color: #FF69B4; }
    60% { transform: translate(-2px, 2px); color: #00FFFF; }
    80% { transform: translate(2px, -2px); color: #FF69B4; }
    100% { transform: translate(0); }
}

h1, h2 {
    color: #FFD700; /* Star Wars yellow */
    text-shadow: 0 0 10px #00FFFF, 0 0 20px #FF69B4; /* Lightsaber glow */
    font-size: 3em;
    text-transform: uppercase;
}

a {
    color: #00FFFF;
    text-decoration: none;
    border-bottom: 2px solid #FF69B4;
    transition: color 0.3s;
}

a:hover {
    color: #FFD700;
    animation: glow 1s infinite;
}

@keyframes glow {
    0% { text-shadow: 0 0 5px #FFD700; }
    50% { text-shadow: 0 0 15px #FFD700; }
    100% { text-shadow: 0 0 5px #FFD700; }
}

nav {
    text-align: center;
    margin-bottom: 20px;
}

nav a {
    margin: 0 15px;
    font-size: 1.5em;
}

img, gif {
    max-width: 100%;
    border: 2px solid #00FFFF;
    box-shadow: 0 0 10px #FF69B4;
}

/* For the Star Wars crawl effect on home */
.crawl {
    perspective: 400px;
    transform-style: preserve-3d;
    animation: crawl 20s linear infinite;
    color: #FFD700;
    font-size: 2em;
    width: 80%;
    margin: 0 auto;
}

@keyframes crawl {
    0% { transform: rotateX(60deg) translateZ(-1000px); opacity: 0; }
    100% { transform: rotateX(60deg) translateZ(1000px); opacity: 1; }
}