.sobre__mim {
    text-align: center;
    align-items: center;
    padding: 0 20px; /* adiciona um pouco de espaço lateral para telas menores */
   
}

.sobre__titulo {
    font-size: 50px;
    color: white;
}

.sobre__mim p {
    font-size: 20px;
    line-height: 1.6;
    color: #ccc;
}

/* Responsividade para telas menores (ex: celulares) */
@media (max-width: 768px) {
    .sobre__titulo {
        font-size: 36px;
        margin-top: 30px;
    }

    .sobre__mim p {
        font-size: 16px;
    }
}

/* Ainda menor (ex: celulares pequenos) */
@media (max-width: 480px) {
    .sobre__titulo {
        font-size: 28px;
        margin-top: 20px;
    }

    .sobre__mim p {
        font-size: 14px;
    }
}