/************************************************************
 *  File name   : header.css                                *
 *  Author      : Yohanes Benny Bennedictus                 *
 *  Date        : November, 29 2025                         *
 *  Description : CSS rules to define the layout of header  *
 *                section of web page.                      *
*************************************************************/

header {
    display: inherit;
    grid-template-columns: auto 1fr;
}

header > img {
    border-radius: 50%;
    margin: 7px;
}

#title-container {
    display: inherit;
    grid-template-rows: auto 1fr;
}

#title-container > h2 {
    text-align: right;
    font-family: Poppins, sans-serif;
    font-size: 0.8em;
    font-style: italic;
    margin-right: 3px;
}

#title-container > h1 {
    font-family: 'Berkshire Swash', sans-serif;
    letter-spacing: 1.75px;
    color: rgb(254, 59, 72);
    text-align: center;
}