[STYLE] Fix Styling issue (#12)

Co-authored-by: dunemask <dunemask@gmail.com>
Reviewed-on: https://gitea.dunemask.dev/elysium/nile/pulls/12

src/css/contact.css

@@ -7,7 +7,8 @@
   border-radius: 50%;
   border: 1px solid #f3ac20;
   color: #f3ac20;
-  transition: all 0.3s;
+  /*MUI Overrides the style unless you control it via React*/
+  /*transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;*/
 }
 
 .contact-icon:hover {

src/pages/delta/ContactStrip.jsx

@@ -18,7 +18,10 @@ export default function ContactStrip(props) {
         }}
       >
         <Box sx={{ textAlign: "left", display: "flex" }}>
-          <Icon className="contact-icon" />
+          <Icon
+            className="contact-icon"
+            style={{ transition: "all 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms" }}
+          />
           <Typography variant="h4">{title}</Typography>
         </Box>
         <Box sx={{ width: "100%", mt: ".25rem", display: "inline-flex" }}>

src/pages/delta/Education.jsx

@@ -28,7 +28,7 @@ export default function Education() {
         >
           <Typography sx={{ pt: "1rem" }}>
             Pursuing B.S. in Computer Science: Software Engineering program,
-            completed 7 credits. Anticipated graduation December 2027
+            completed 11 credits. Anticipated graduation December 2027
           </Typography>
         </ExperienceDisplay>
         <ExperienceDisplay