body {
    background-color: #1a1a2e; 
    color: #c0c0ff;
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
}

.container {
    background-color: rgba(26, 26, 46, 0.9); 
    border: 2px solid #6a0dad;
}

.marquee {
    color: #00ffff;
    font-weight: bold;
    text-shadow: 0 0 5px #00ffff, 0 0 10px #6a0dad;
}

.banner-img {
    border: 2px solid #6a0dad;
    box-shadow: 0 0 20px #00ffff;
}

.menu {
    background-color: rgba(26, 26, 46, 0.8);
    border-collapse: collapse;
}

.menu a {
    color: #00ffff;
    font-weight: bold;
    text-decoration: none;
}

.menu a:hover {
    color: #ff00ff;
    text-shadow: 0 0 5px #ff00ff;
}

.sidebar {
    background-color: rgba(26, 26, 46, 0.8);
    padding: 10px;
    border-left: 2px solid #6a0dad;
}

.footer {
    background-color: rgba(26, 26, 46, 0.9);
    color: #c0c0ff;
    font-size: 0.9em;
    text-shadow: 0 0 2px #6a0dad;
    padding: 5px;
}

.footer a {
    color: #00ffff;
    text-decoration: none;
}

.footer a:hover {
    color: #ff00ff;
    text-shadow: 0 0 5px #ff00ff;
}

.neon-text {
    color: #00ffff;
    text-shadow: 0 0 5px #00ffff, 0 0 10px #6a0dad, 0 0 20px #00ffff;
}

.neon-paragraph {
    color: #c0c0ff;
    text-shadow: 0 0 3px #6a0dad;
}
.gallery-box {
    background-color: rgba(26, 26, 46, 0.8);
    border: 2px solid #6a0dad;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px #00ffff;
    transition: all 0.3s;
    text-align: center;
}

.gallery-box img {
    width: 120%;
    height: auto;
    display: block;
    transition: transform 0.3s;
}
/* Hover efekti */
.gallery-box:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px #ff00ff, 0 0 25px #6a0dad;
}

.gallery-box:hover img {
    transform: scale(1.05);
}
.neon-links{
    color: #ffffff;


}