.pn-calendar-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

section {
    margin: 10px;
}

h1 {
    font-size: 18px;
}

table.pn-calendar-table {
    border-spacing: 2px;
    border-collapse: separate;
}

td.pn-calendar {
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;
    min-width: 40px;
}

    td.pn-calendar:first-child {
        color: red;
    }

    td.pn-calendar:last-child {
        color: royalblue;
    }

    td.pn-calendar.selectionenabled {
        cursor: pointer;
    }

    td.pn-calendar.selected {
        border-color: #007bff;
        border-width: 1px;
    }