/* 1. Register the local font */
@font-face {
    font-family: 'Pacifico';
    font-style: normal;
    font-weight: 400;
    /* Adjust the path below to match your folder structure */
    src: url('fonts/pacifico.woff2') format('woff2');
}

/* 2. Create a reusable style for your header */
.brand-header {
    font-family: 'Pacifico', cursive;
    text-align: right;
    color: #333; /* Dark grey, change to your preference */
    margin-top: 20px;
}

.brand-header h1 {
    font-size: 3rem;
    margin-bottom: 0;
}

.brand-header h3 {
    font-size: 1.5rem;
    font-weight: 400;
    opacity: 0.8;
}