diff --git a/src/index.css b/src/index.css
index 2430c11..f29ae8d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -48,7 +48,7 @@ body {
.hidden-animate {
display: none;
- animation: hide-animation 0.5s
+ animation: hide-animation 0.5s;
}
.slide-right {
@@ -87,7 +87,7 @@ body {
.easter-egg {
text-align: center;
margin: auto 20px;
- animation: fade-slide-left 0.5s
+ animation: fade-slide-left 0.5s;
}
.profile-picture:hover {
diff --git a/src/keyframes.css b/src/keyframes.css
index 23b2a69..9ea4f48 100644
--- a/src/keyframes.css
+++ b/src/keyframes.css
@@ -25,7 +25,7 @@
@keyframes zoom-in {
0% {
transform: scale(1.12, 1.12);
- opacity: 0;
+ opacity: 0;
}
100% {
transform: scale(1, 1);
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 4a5ed52..42b096b 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -55,18 +55,29 @@ export function Main() {
const [timesClicked, changeTimesClicked] = useState(0);
const handlePictureClick = () => {
changeTimesClicked((timesClicked) => timesClicked + 1);
- }
+ };
const checkTimesClicked = () => {
return timesClicked >= 10;
- }
+ };
return (
<>
Stop that!
+ ++ Stop that! +