better animation and less stuff selectable
diff --git a/styles/Components/card.module.css b/styles/Components/card.module.css
index 7ae19c2..077c883 100644
--- a/styles/Components/card.module.css
+++ b/styles/Components/card.module.css
@@ -8,6 +8,7 @@
     border-radius: 0;
     filter: var(--theme-ui-colors-cardFilter);
     transition: filter 0.3s ease-in-out;
+    user-select: none;
 }
 
 .backgroundGradient {
@@ -33,7 +34,7 @@
     margin: 100px;
     transition: filter 0.3s ease-in-out;
     opacity: 0;
-    transform: translateY(10px);
+    transform: translateY(20px);
     transition: 0.3s ease-in-out;
 
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
@@ -90,6 +91,7 @@
 .image {
     height: 40px;
     width: 40px;
+    user-select: none;
 }
 
 .subtext {
diff --git a/styles/Components/header.module.css b/styles/Components/header.module.css
index 25f95e8..244a474 100644
--- a/styles/Components/header.module.css
+++ b/styles/Components/header.module.css
@@ -6,6 +6,7 @@
     width: 100%;
     filter: var(--theme-ui-colors-cardFilter);
     transition: filter 0.3s ease-in-out;
+    user-select: none;
 }
 
 .backgroundGradient {
@@ -127,6 +128,7 @@
     object-position: center;
     transition: filter 0.3s ease-in-out;
     margin-bottom: 20px;
+    user-select: none;
 }
 
 .indicator {
@@ -135,10 +137,3 @@
     margin-inline: 5px;
     padding: 0;
 }
-
-.leftArrow {
-    transform: rotate(90deg);
-}
-.rightArrow {
-    transform: rotate(270deg);
-}
\ No newline at end of file