@charset "utf-8";
/* CSS Document */

/* General Styles */
body {
    font-size: 16px; /* Default font size */
    line-height: 1.5; /* Better readability */
}

/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    header {
        padding: 10px; /* Less padding on mobile */
    }
    
    .portfolio-item {
        display: block; /* Stack items vertically */
        margin: 10px 0; /* Add spacing between items */
    }
    
    nav {
        display: none; /* Hide regular menu */
    }
    
    .hamburger-menu {
        display: block; /* Show hamburger menu */
    }
    
    /* Increase button sizes for touch */
    button, a {
        padding: 12px 20px;
        font-size: 18px; /* Larger font for buttons */
    }
}