1 files changed, 3 insertions, 8 deletions
diff --git a/components/ParallaxScrollView.tsx b/components/ParallaxScrollView.tsx
index c54cbae..d803ee6 100644
--- a/components/ParallaxScrollView.tsx
+++ b/components/ParallaxScrollView.tsx
@@ -8,6 +8,7 @@ import Animated, {
 } from 'react-native-reanimated';
 
 import { ThemedView } from '@/components/ThemedView';
+import { ThemedText } from './ThemedText';
 
 const HEADER_HEIGHT = 250;
 
@@ -23,7 +24,7 @@ export default function ParallaxScrollView({
     <ThemedView style={styles.container}>
       <Animated.ScrollView ref={scrollRef} scrollEventThrottle={16}>
         <View style={styles.nav}>
-          <Text style={styles.navText}>CAS4</Text>
+          <ThemedText type="title">CAS4</ThemedText>
         </View>
         <ThemedView style={styles.content}>{children}</ThemedView>
       </Animated.ScrollView>
@@ -36,16 +37,10 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   nav: {
-    backgroundColor: '#fcfcfc',
+    backgroundColor: 'rgba(10, 10, 10, .5)',
     paddingTop: 50,
     padding: 10,
   },
-  navText: {
-    textAlign: 'center',
-    fontFamily: 'SpaceMono',
-    fontSize: 24,
-    fontWeight: 'bold'
-  },
   header: {
     height: 250,
     overflow: 'hidden',