css/base.css

@@ -47,7 +47,7 @@ main {
 main h1, main h2, main h3 {
     font-family: MonTrappist;
     color: white;
-    z-index: 2;
+    z-index: 20;
 }
 
 main h1 {
@@ -90,6 +90,7 @@ main p {
 }
 
 section {
+    position: relative ;
     max-width: 1400px;
     font-size: 2em;
     text-align:justify;
@@ -97,7 +98,7 @@ section {
     margin-bottom: 100px;
     padding: 2%;
     padding-left: 0px;
-    z-index: 1;
+    z-index: 1000;
     box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
 }
 
@@ -164,6 +165,17 @@ main > *.draggable:not(.sticker) {
     }
 }
 
+.btn-nice {
+    color: #FFFFFF;
+    text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
+    color: var(--accent-yellow);
+    font-size: 1.2em;
+    text-align: center;
+    margin: auto;
+    position: relative;
+    display: block;
+}
+
 #camp {
     font-family: segoesc;
     float: left;

css/drag.css

@@ -4,6 +4,7 @@ main img.draggable {
     max-width: 200px;
     max-height: 200px;
     position: absolute;
+    z-index: 1;
 }
 
 
@@ -12,7 +13,7 @@ main img.draggable {
     position: relative;
     width: fit-content;
     user-select: none;
-    z-index: 10;
+    z-index: 1;
     filter: drop-shadow(5px 3px 2px #000000b7);
 }