body {
  background-color: black;
  color: white; /* Makes all text white by default */
}

h1 {
  /* You can still add specific styles for h1 here */
  text-transform: uppercase;
}
.crs{
    font-family: Arial, Helvetica, sans-serif;
    font-size:50px;
    display:flex;
    justify-content:center;
    align-items: center;
    height:500px;
}
#btn {
    display: block;
    margin: -220px auto; /* Adds a bit of space below the text and centers horizontally */
    padding: 12px 32px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background:black;
    
    border: 1px solid white;
    border-radius: 5px; 
    box-shadow:-2px 5px 5px rgba(73, 73, 73, 0.3); /* Subtle shadow glow */
   transition-duration: 0.5s;
   position:relative;
overflow:hidden;
transition:
0.3s ease,
transform 0.15s ease;
}
/* glowing moving shine */
#btn::before{

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:100%;
    height:100%;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.3),
        transparent
    );

    transition:0.6s;
}

/* shine animation */
#btn:hover::before{
    left:120%;
}


    #btn:hover{

    border-radius:40px;

    background:rgba(0,255,255,0.08);

    border:1px solid cyan;

    letter-spacing:4px;

    box-shadow:
    0 0 20px cyan,
    0 0 60px rgba(0,255,255,0.4);

}

/* remove default cursor */
body{
    cursor:none;
    overflow:hidden;
}

/* glowing cursor */
.cursor{
    width:50px;
    height:50px;

    background:rgb(0, 255, 242);

    border-radius:50%;

    position:fixed;

    pointer-events:none;

    transform:translate(-50%, -50%);

    box-shadow:
    0 0 20px cyan,
    0 0 60px cyan;

    z-index:999;

    transition:
    transform 0.08s linear;
}

/* particles */
.particle{
    width:6px;
    height:6px;

    background:cyan;

    border-radius:50%;

    position:fixed;

   pointer-events: none;

    opacity:0.7;

    animation:fade 1s linear forwards;
}

@keyframes fade{
    to{
        transform:
        translateY(-0.02px)
        scale(0);

        opacity:0;
    }
}