ADDED: Color variables for convenient codding styles

app/page.tsx

@@ -5,8 +5,24 @@ import { Slider } from '../src/primitive-components/input-components/slider/slid
 
 export default function Page() {
     return (
-        <main>
-            <Card variant={'outlined'}>
+        <main
+            style={{
+                display: 'flex',
+                maxHeight: '256px',
+                alignItems: 'center',
+                justifyContent: 'center',
+            }}
+        >
+            <Card
+                style={{
+                    display: 'flex',
+                    maxWidth: '256px',
+                    minHeight: '256px',
+                    alignItems: 'flex-end',
+                    justifyContent: 'center',
+                }}
+                variant={'outlined'}
+            >
                 <CardFooter>
                     <Slider />
                 </CardFooter>