diff --git a/styles.css b/styles.css
index 39fd778..dae52d1 100644
--- a/styles.css
+++ b/styles.css
@@ -167,6 +167,37 @@ body>div:hover {
 	box-shadow: rgba(0, 0, 0, 0.1) 11px 10px 6px -3px;
 }
 
+body>div::before, body>div::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 2px;
+  background-color: var(--bg-complementary);
+  transform: scaleY(0);
+  transition: transform 0.5s ease;
+}
+
+body>div::before {
+  left: -8px;
+  transform-origin: center top;
+}
+
+body>div:hover::before {
+  transform-origin: center bottom;
+  transform: scaleY(1);
+}
+
+body>div::after {
+  right: -8px;
+  transform-origin: center bottom;
+}
+
+body>div:hover::after {
+  transform-origin: center top;
+  transform: scaleY(1);
+}
+
 #profilePhoto {
 	overflow: hidden;
 	align-items: center;