Add personal calendars

source/css/atoms/full-calendar.pcss

+:root {
+  --fc-button-bg-color: #000;
+  --fc-button-border-color: #000;
+  --fc-button-hover-bg-color: #f9ce05;
+  --fc-button-hover-border-color: #f9ce05;
+  --fc-button-active-bg-color: #f9ce05;
+  --fc-button-active-border-color: #f9ce05;
+  --fc-event-bg-color: #fea86a;
+  --fc-event-border-color: #fea86a;
+  --fc-border-color: #ed9654;
+  --fc-today-bg-color: #ed9654;
+}
+
+.fc {
+  @apply font-condensed;
+}
+
+.fc-col-header {
+  width: 100%!important;
+}
+
+/* Don't underline only when there is no href attribute defined. */
+.fc .fc-col-header-cell-cushion:not([href]),
+.fc .fc-daygrid-day-number:not([href]) {
+  @apply no-underline;
+}
+
+.fc .fc-col-header-cell {
+  @apply bg-orange-300 p-3 font-alt text-white text-xl capitalize;
+}
+
+.fc .fc-button {
+  @apply font-alt rounded-none px-5 py-2 duration-150;
+}
+
+.fc .fc-button:hover:not(:disabled),
+.fc .fc-button:active:not(:disabled){
+  @apply text-black;
+}
+
+.fc .fc-event {
+  @apply p-1 rounded-none border-none text-sm;
+}
+
+.fc .fc-toolbar-title,
+.fc .fc-today-button {
+  @apply capitalize;
+}
+
+.fc .fc-daygrid-day-number {
+  @apply font-alt text-3xl text-orange-300;
+}
+
+.fc .fc-multimonth-daygrid .fc-daygrid-day-number {
+  @apply text-base;
+}
+
+.fc .fc-day-today .fc-daygrid-day-number {
+  @apply text-white;
+}