<style>
    body {
        background-color: #333333;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        color: #fff;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding: 0;
    }

    .navbar-brand {
        font-weight: bold;
        font-size: 1.5rem;
    }

    .nav-link {
        font-size: 1.1rem;
        transition: color 0.3s ease-in-out;
    }

        .nav-link:hover {
            color: #007bff;
        }

    .jumbotron {
        background-image: url('Hawaii.png');
        background-size: cover;
        background-position: center;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }

        .jumbotron h1 {
            font-size: 3.5rem;
            font-weight: 700;
        }

        .jumbotron p {
            font-size: 1.5rem;
        }

    .btn-primary {
        font-size: 1.25rem;
        padding: 0.75rem 1.5rem;
    }

    #about h2, #portfolio h2, #contact h2 {
        font-size: 2.5rem;
        margin-bottom: 1.5rem;
    }

    #about p {
        font-size: 1.15rem;
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.7;
    }

    #portfolio .portfolio-item {
        transition: transform 0.3s, box-shadow 0.3s;
        border: none;
        border-radius: 0.5rem;
        overflow: hidden;
    }

        #portfolio .portfolio-item:hover {
            transform: scale(1.05);
            box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2);
        }

    #portfolio .card-body h5 {
        font-size: 1.25rem;
        font-weight: bold;
    }

    #portfolio .card-body p {
        font-size: 1rem;
    }

    #contact form {
        max-width: 600px;
        margin: 0 auto;
    }

    footer p {
        margin: 0;
        font-size: 1rem;
    }


    @media (max-width: 768px) {
        .jumbotron h1 {
            font-size: 2.5rem;
        }

        .jumbotron p {
            font-size: 1.2rem;
        }

        .btn-primary {
            font-size: 1rem;
            padding: 0.5rem 1rem;
        }
    }
</style>