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