diff --git a/assets/css/site.css b/assets/css/site.css index cb77c92..48aca4c 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -793,14 +793,6 @@ body#default border-radius: 10dvw 10dvw 0 0; left: 52dvw; width: 20dvw; - - &:hover { - transform: rotate(6deg) translateY(0.25dvh); - - + #square { - transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw); - } - } } #square { @@ -808,10 +800,6 @@ body#default height: 12dvw; width: 12dvw; bottom: 0; - - &:has(+ #circle:hover) { - transform: translateX(-0.125dvw); - } } #circle { @@ -834,10 +822,6 @@ body#default left: 2dvw; bottom: 0; transform-origin: 38%; - - &:hover { - transform: rotate(-6deg) translateY(-0.125dvh); - } } #triangle { @@ -1058,6 +1042,14 @@ body#legacy width: 24dvh; left: auto; right: -1dvw; + + &:hover { + transform: rotate(6deg) translateY(0.25dvh); + + + #square { + transform: rotate(6deg) translateY(0.25dvh) translateX(0.5dvw); + } + } } #square { @@ -1065,6 +1057,10 @@ body#legacy height: 12dvh; width: 12dvh; right: 2dvw; + + &:has(+ #circle:hover) { + transform: translateX(-0.125dvw); + } } #circle { @@ -1081,6 +1077,10 @@ body#legacy width: 36dvw; right: -16dvw; bottom: 25dvh; + + &:hover { + transform: rotate(-6deg) translateY(-0.125dvh); + } } #triangle {