/*!
 * Enhanced CSS for the Home Section
 * Item: Kitzu - Personal Portfolio Template
 */


/* Home Boxes Grid Layout */

.home-boxes {
    font-size: large;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* More responsive grid */
    gap: 20px;
    margin-top: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}


/* Individual Home Box Styling */

.home-box {
    background: radial-gradient(circle, #0f0f0f 50%, #808080 100%);
    /* Lighter shade for better readability */
    color: #cecece;
    font-size: 16px;
    padding: 30px;
    /* Optimized padding */
    border-radius: 10px;
    /* Smoother corners */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    /* Smoother transition for hover effects */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    /* Subtle shadow for depth */
}


/* Hover Effect for Home Boxes */

.home-box:hover {
    transform: scale(1.2);
    /* Slight scale up on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    color: #199d76;
}


/* Additional Styling for Text Inside Home Box */

.home-box h2,
.home-box p {
    font-size: 16px;
    /* Ensures consistency for all text */
    color: #cecece;
    /* Ensures consistency for all text color */
    /* Add any other text-specific styles here */
}


/* You can remove or adjust the previous .home-box h2 and .home-box p styles as needed */


/* Responsive Design Adjustments */

@media screen and (max-width: 768px) {
    .home-boxes {
        grid-template-columns: 1fr;
        /* Single column layout for smaller screens */
    }
    .home-box {
        padding: 20px;
        /* Reduced padding on smaller screens */
    }
    .home-box h2 {
        font-size: 1.6rem;
        /* Slightly smaller font size for mobile */
    }
}


/* Centering the Last Box if Alone in the Row */

.home-box:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}