Lekcja 6

assets/css/main.css

@@ -29,6 +29,7 @@ html {
 
 /* Header */
 header {
+    position: relative;
     background-color: var(--colorBase);
     background: linear-gradient(135deg, var(--colorSurface0) 0%, var(--colorSurface1)  100%);
     /* border-bottom-left-radius: 1rem; */
@@ -41,6 +42,32 @@ header {
     padding-bottom: .65rem;
     padding-left: 1rem;
     padding-right: 1rem;
+    z-index: 10;
+}
+
+#snieg {
+    position: absolute;
+    border-radius: 1rem;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+    height: 1.35rem;
+    top: 0;
+    left: 0;
+    z-index: -10 !important;
+    user-select: none;
+    pointer-events: none;
+}
+
+#sniezyca {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: -5 !important;
+    user-select: none;
+    pointer-events: none;
 }
 
 header img {
@@ -59,6 +86,8 @@ header nav ul {
 
 /* Treść */
 main {
+    position: relative;
+    z-index: 10;
     background-color: var(--colorSurface0);
     border: .35rem solid var(--colorOverlay0);
     border-radius: 1rem;
@@ -73,6 +102,8 @@ main {
 
 /* Stopka */
 footer {
+    position: relative;
+    z-index: 10;
     display: flex;
     flex-direction: row;
     justify-content: space-between;