*
{
    background-color: #000000;
    color: white;
    font-family: Consolas, 'Courier New', monospace;


}
img {
  user-select: none;        /* prevent text selection */
  -webkit-user-drag: none;  /* prevent dragging */
  -webkit-touch-callout: none; /* prevent long-press save on mobile */
   pointer-events: none;/* makes them unclickable */
}


footer
{
    background-color: #000000;
    color: white;
    text-align: center;
    padding: 2rem 2rem;
    position: relative;
    bottom: 0;
    width: 100%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    height: auto;

}
footer .logo
{
    text-align: left;


}
footer .logo .name
{
    font-size: clamp(1.1rem, 2.5vw, 1.25rem);
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 0.1rem;

}
footer .logo .desc
{
    line-height: 0.7;
    margin-bottom: 0.4rem;
}

footer .block
{
    width: 95%;
    margin: 1rem auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: clamp(1rem, 5vw, 8rem); /* instead of gap: 12%; */
    flex-wrap: wrap; /* ✅ added for responsiveness */ /* ✅ keeps layout centered and limited on large screens */
}
footer .block .contact
{
    display: flex;
    flex-direction: column;
    text-align: right;
    justify-content: flex-end;
    gap: 0.4rem; /* ✅ smaller consistent spacing */
    font-size: clamp(.95rem, 2.2vw, 1rem); /* ✅ responsive font size */
    word-break: break-word;


}
footer .block .contact a
{
    color: white;
    text-decoration: none;
}
footer .divider {
    width: 95%;
    margin: 0 auto 1rem auto;
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #7d7d7d, transparent); 
}
footer .copy {
    max-width: 100%; 
    margin: 0 auto;
    font-size: .9rem;
    color: #cfcfcf; 
}
footer .contact a:hover,
footer .contact a:focus-visible { 
    text-decoration: underline;
}
@media (max-width: 640px) {
    footer { text-align: center; }
    footer .logo { text-align: center; }
    footer .block .contact {
        text-align: center;

    }
    footer .block {
        flex-direction: column-reverse; /* ✅ stacks items vertically */
        align-items: center; /* ✅ centers items */
        margin-bottom: 2rem;
        row-gap: 3rem; /* ✅ increases spacing for clarity */
    }

}