Lekcja 6

assets/css/baza.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
 
 /* Paleta kolorów: https://catppuccin.com/palette/ */
 * {
@@ -32,7 +32,8 @@
 
 /* Ważne */
 html {
-    font-family: "Ubuntu", sans-serif;
+    font-family: "Montserrat", sans-serif;
+    text-shadow: 1px 1px 2px var(--colorBase);
     font-weight: 400;
     font-style: normal;
     font-size: 14pt;

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;