body {
    background: #000 url("./bg.jpg") no-repeat center center fixed; /* Arka plan resim (isteğe bağlı) */
    background-size: cover;
    margin: 0;
    padding: 0;
}

.hareket {
    color: #5dea62;
    font-family: Monaco, monospace;
    font-size: 24px;
    width: 100%;
    text-align: left;
}

.link {
    color: #5dea62;
    text-decoration: none;
}

span {
    animation: imlec 1.5s infinite normal;
}

@keyframes imlec {
    0% { opacity: 0; }
    40% { opacity: 0; }
    80% { opacity: 1; }
}

.bilmm {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* Progress bar */
.progress {
    width: 400px;
    height: 30px;
    border: 2px solid #5dea62;
    margin: 0 auto 10px auto;
    background: #222; /* siyah yerine koyu gri, bar net görünsün */
    overflow: hidden;
    position: relative;
    border-radius: 6px;
}

.progress-bar {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, #00ff00, #00ffff, #ffffff);
    transition: width 0.06s;
    border-radius: 6px;
    box-shadow: 0 0 10px #00ff00, 0 0 20px #00ffff; /* Neon efekti */
}