moving "div" and "p"

examples/web_grid_animation/src/jsMain/kotlin/com/sample/Main.kt

@@ -47,6 +47,19 @@ object AppStyleSheet: StyleSheet() {
             position(Position.Relative)
             paddingBottom(86.66.percent)
         }
+
+        "div" style {
+            position(Position.Absolute)
+            width(50.percent)
+            property("font-size", "calc(15vw/var(--columns))")
+            property("transform", "skewy(-30deg)")
+            marginTop(14.percent)
+            padding(3.percent)
+        }
+
+        "p" style {
+            fontSize(2.em)
+        }
     }
 }
 

examples/web_grid_animation/src/jsMain/resources/app.css

@@ -26,18 +26,6 @@ li:before{
   background-size: 40%;
   background-repeat: no-repeat;
 }
-div{
-  position: absolute;
-  width: 50%;
-  font-size: calc(15vw/var(--columns));
-  transform: skewy(-30deg);
-  margin-top: 14%;
-  padding: 3%;
-}
-
-p{
-  font-size: 2em;
-}
 
 li > img{
   position: absolute;