/* Responsivo para dispositivos móveis */
@media (max-width: 768px) {
    body, html {
        overflow: auto; /* Permitir rolagem em dispositivos móveis */
    }

    #home {
        height: auto;
        margin-top: 50px;
        padding: 20px 10px;
    }

    #box-windo {
        height: 555px;
        padding: 20px;

    }

    .ball, #ball1, #ball2 {
        width: 50px;
        height: 50px;
        box-shadow: 0 0 10px;
    }

    .profile-pic {
        width: 100px;
        height: 100px;
        margin-bottom: 10px;
    }

    .info {
        margin-bottom: 5px;
        font-size: 14px;
    }

    .languages {
        margin-top: 10px;
    }

    .language {
        margin: 3px;
        padding: 8px;
        font-size: 12px;
    }

    .window {
        width: 100%;
        height: 600px;
        max-width: 100%;
        margin-top: 20px;
    }

    .window-header {
        padding: 5px;
        display: flex;
    }

    .title .window-controls {
        justify-content: right;
    }

    .window-content {
        padding: 15px;
    }

    .btn-primary {
        padding: 0.3rem 0.8rem;
        font-size: 14px;
        margin-top: 0.5rem;
    }

    /* Ajuste dos botões de controle da janela */
    .control {
        width: 15px;
        height: 15px;
        font-size: 1.5rem;
    }

    #github-info {
        padding: 10px;
        height: auto;
    }
}