body{
    background-color: white;
}
#intro {
    margin: 0 auto;
    line-height: 1.8;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    #intro {
        margin: 0 auto;
        text-align: center;
        line-height: 1.6;
        font-size: 14px;
        padding: 10px;
    }
}

/* Extra small screens (phones under 480px) */
@media (max-width: 480px) {
    #intro {
        font-size: 13px; /* Smaller text */
        line-height: 1.5;
        padding: 8px;
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .clip-triangle {
        display: none;
    }
}

/* Extra small screens (phones under 480px) */
@media (max-width: 480px) {
    .clip-triangle {
        display: none;
    }
}