From a365d39f47821f66ba5a4d8cb85dc6014e64ef0b Mon Sep 17 00:00:00 2001
From: maro <honeymaro@live.co.kr>
Date: Tue, 27 Feb 2024 15:30:41 +0900
Subject: [PATCH] refactor: remove nested css styles

- removed nested css styles because css nesting is supported from chrome
  version 112.
---
 interface.html | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/interface.html b/interface.html
index 3bfedc5..b8c0771 100644
--- a/interface.html
+++ b/interface.html
@@ -538,19 +538,19 @@
           border: none;
           cursor: pointer;
       }
-      figure.zoom{
-          & img:hover{
-            opacity: 0;
-          }
-          img {
-              transition: opacity .5s;
-              display: block;
-              width: 100%;
-          }
-          background-position: 50% 50%;
-          position: relative;
-          overflow: hidden;
-          width: 100%;
+      figure.zoom {
+        background-position: 50% 50%;
+        position: relative;
+        overflow: hidden;
+        width: 100%;
+      }
+      figure.zoom img {
+        transition: opacity .5s;
+        display: block;
+        width: 100%;
+      }
+      figure.zoom img:hover {
+        opacity: 0;
       }
     </style>
   </head>