From 7f618be1ae1127fae0e4c852ecbb3e3fbd037d53 Mon Sep 17 00:00:00 2001
From: Joshua Perry <45966243+jpez-development@users.noreply.github.com>
Date: Wed, 13 Apr 2022 18:24:20 +0100
Subject: [PATCH] changed duration of blog enlarge animation

---
 blog/blog.css | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/blog/blog.css b/blog/blog.css
index faed472..a07222e 100644
--- a/blog/blog.css
+++ b/blog/blog.css
@@ -5,6 +5,7 @@
     padding-left: 1em;
     padding-right: 1em;
     border-radius: 2em;
+    transition: transform 1s;
 }
 
 .blog_image {
@@ -19,36 +20,36 @@
 
 .blog_post#first:focus-within {
     transform: scale(180%, 180%) translate(20em, 6em);
-    transition: transform 60ms;
+    transition: transform 1s;
 }
 
 .blog_post#second:focus-within {
     transform: scale(180%, 180%) translate(0em, 6em);
-    transition: transform 60ms;
+    transition: transform 1s;
 
 }
 
 .blog_post#third:focus-within {
     transform: scale(180%, 180%) translate(-20em, 6em);
-    transition: transform 60ms;
+    transition: transform 1s;
 
 }
 
 .blog_post#fourth:focus-within {
     transform: scale(180%, 180%) translate(20em, -13em);
-    transition: transform 60ms;
+    transition: transform 1s;
 
 }
 
 .blog_post#fifth:focus-within {
     transform: scale(180%, 180%) translate(0em, -13em);
-    transition: transform 60ms;
+    transition: transform 1s;
 
 }
 
 .blog_post#sixth:focus-within {
     transform: scale(180%, 180%) translate(-20em, -13em);
-    transition: transform 60ms;
+    transition: transform 1s;
 
 }