new: Three new font faces for the main widget

fix: Add padding to avoid clipping at bottom of main widget

index.html

@@ -18,20 +18,20 @@
       });
     }
   </script> -->
-	<link rel="manifest" href="manifest.json?v=1703602562273">
+	<link rel="manifest" href="manifest.json?v=1703602562274">
 	<title>Search &bull; Casa Mia</title>
-	<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1703602562273">
+	<link rel="icon" type="image/x-icon" href="./favicon.ico?v=1703602562274">
 	<meta name="theme-color" content="black">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<meta name="color-scheme" content="light only">
-	<link rel="stylesheet" href="./style.css?v=1703602562273" />
-	<script src="./index.js?v=1703602562273" type="module"></script>
+	<link rel="stylesheet" href="./style.css?v=1703602562274" />
+	<script src="./index.js?v=1703602562274" type="module"></script>
 	<link rel="preconnect" href="https://raw.githubusercontent.com" crossorigin />
 	<link rel="preconnect" href="https://fonts.bunny.net">
 	<link
-		href="https://fonts.bunny.net/css?family=nanum-brush-script:400|dekko:400|ubuntu:300,300i,400,400i,500,500i,700,700i|ubuntu-condensed:400|ubuntu-mono:400,400i,700,700i|vujahday-script:400|caveat-brush:400|bangers:400|montez:400"
+		href="https://fonts.bunny.net/css?family=nanum-brush-script:400|advent-pro:400|ubuntu:300,300i,400,400i,500,500i,700,700i|ubuntu-condensed:400|ubuntu-mono:400,400i,700,700i|vujahday-script:400|are-you-serious:400|alkatra:400|montez:400"
 		rel="stylesheet" />
-	<link rel="stylesheet" href="./animations.css?v=1703602562273">
+	<link rel="stylesheet" href="./animations.css?v=1703602562274">
 	<link rel="stylesheet" href="./icons.css" />
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
@@ -55,8 +55,8 @@
 						<h1 id="widget-1" class="widget-slide default-text-style">Welcome</h1>
 						<h1 id="widget-3" class="widget-slide brush-text-style-2">Welcome</h1>
 						<h1 id="widget-4" class="widget-slide brush-text-style-3 has-shadow">Welcome</h1>
-						<h1 id="widget-5" class="widget-slide brush-text-style-4">Welcome</h1>
 						<h1 id="widget-6" class="widget-slide brush-text-style-5">Welcome</h1>
+						<h1 id="widget-5" class="widget-slide brush-text-style-4">Welcome</h1>
 						<h1 id="widget-7" class="widget-slide brush-text-style-6">Welcome</h1>
 						<h1 id="widget-2" class="widget-slide brush-text-style-1 has-shadow">Welcome</h1>
 					</div>

js_modules/load_preferences.js

@@ -417,7 +417,7 @@ export function loadSelectedWidgetstyle() {
 
 export function updateAmPmStyle(amPm) {
 	const style = localStorage.getItem('selected-widget-style');
-	if (style == 'widget-2' || style == 'widget-7') {
+	if (style == 'widget-2' || style == 'widget-7' || style == 'widget-5') {
 		return amPm.toLowerCase();
 	}
 	return amPm;

style.css

@@ -209,6 +209,7 @@ body::-webkit-scrollbar {
 #main-heading-slider {
 	transition: .5s;
 	max-width: 100%;
+	padding-block-end: 0.125em;
 	display: flex;
 	overflow-x: scroll;
 	overflow-y: hidden;
@@ -257,11 +258,11 @@ body::-webkit-scrollbar {
 }
 
 .brush-text-style-2 {
-	font-family: 'Dekko', handwriting;
+	font-family: 'Advent Pro', sans-serif;
 	font-size: clamp(1em, 2.25em, 10em);
 	color: #f5f5f5;
 	line-height: 1.9em;
-	text-shadow: 2px 2px 0 #000;
+	/* text-shadow: 2px 2px 0 #000; */
 	/* rotate: -6deg */
 }
 
@@ -275,16 +276,16 @@ body::-webkit-scrollbar {
 }
 
 .brush-text-style-4 {
-	font-family: 'Caveat Brush', handwriting;
+	font-family: 'Are You Serious', handwriting;
 	font-size: clamp(1em, 2.5em, 10em);
 	color: #f5f5f5;
 	line-height: 1.5em;
-	text-shadow: 3px 3px 0 #000;
+	text-shadow: 1px 1px 0 #000;
 	rotate: 0deg
 }
 
 .brush-text-style-5 {
-	font-family: 'Bangers', display;
+	font-family: 'Alkatra', display;
 	font-size: clamp(1em, 2.25em, 10em);
 	color: #f5f5f5;
 	line-height: 1.75em;