body {
            margin: 0;
            font-family: 'Roboto', sans-serif;
            overflow-x: hidden;
        }

        section {
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0 20px;
        }

        .hero {
            background: linear-gradient(to bottom, #4facfe, #00f2fe);
            color: white;
        }

        .about {
            background: #f7f7f7;
        }

        .services {
            background: #e8f5e9;
        }

        .portfolio {
            background: #ede7f6;
        }

        .contact {
            background: #fff3e0;
        }

        .lottie {
            max-width: 500px;
            margin: 0 auto;
        }

        h1, h2 {
            margin: 10px 0;
        }

        p {
            font-size: 1.2rem;
            margin: 10px 0;
        }