body {
        display: flex;
        flex-direction: column;
        align-items: center; 
        font-family: sans-serif;
        padding-top: 70px; 
    }
    header {
        position: fixed; 
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        padding: 10px 20px;
        box-sizing: border-box;
        background-color: #ffffff;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    p {
        font-size: 1.1em;
        line-height: 1.6;
    }
    
    a[role="button"] {
        display: inline-block;
        padding: 12px 24px;
        text-decoration: none;
        color: white;
        background-color: #6e00ff;
        border-radius: 50px;
    }
    
    article {
        margin: 0 auto;
        max-width: 800px;
    }

    @media (max-width: 480px) {
        header h1 {
            display: none; 
        }
        header {
            justify-content: center;
        }
        body {
            padding-top: 60px;
        }
    }