.random-bg-div {
    width: 300px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #fff; /* Yazının okunabilirliği için beyaz */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: background-color 0.5s ease; /* Renk geçişi efekti (isteğe bağlı) */
}

@media screen and (min-width:600px)
{
    .textStyle {
        font-size: 20px;
        font-size-adjust: 0.60;
        font-family: 'Adobe Hebrew';
        letter-spacing: 2px;
        line-height: 2.0;
        word-spacing: 8px;
    }
}

@media screen and (max-width:599px)
{
    .textStyle {
        font-size: 14px;
        font-size-adjust: 0.40;
        font-family:'Adobe Garamond Pro';
        letter-spacing: 1px;
        line-height: 1.0;
        word-spacing: 2px;
    }

}