diff --git a/Portfolio.WebUI.Server/Components/App.razor b/Portfolio.WebUI.Server/Components/App.razor
index fb3f60a..32e2622 100644
--- a/Portfolio.WebUI.Server/Components/App.razor
+++ b/Portfolio.WebUI.Server/Components/App.razor
@@ -6,7 +6,7 @@
-
+
diff --git a/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor b/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
index 69a7dc6..00b4c9a 100644
--- a/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
+++ b/Portfolio.WebUI.Server/Components/Pages/PokemonSleep.razor
@@ -17,19 +17,54 @@
.tableFixHead thead th {
position: sticky;
top: 0;
+ z-index: 10;
}
+ .flip-container {
+ perspective: 1000px;
+ display: inline-block;
+ width: 90px;
+ height: 90px;
+ cursor: pointer;
+ }
+
+ .flipper {
+ transition: transform 0.6s;
+ transform-style: preserve-3d;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ }
+
+ .flipped {
+ transform: rotateY(180deg);
+ }
+
+ .front, .back {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ backface-visibility: hidden;
+ }
+
+ .back {
+ transform: rotateY(180deg);
+ }
+
+
-
+