szybkie commity

assets/css/liczby.css

@@ -86,8 +86,32 @@ a:hover {
 
 
 
+/* Formsy */
+fieldset {
+    border: none;
+}
+
+legend {
+    font-size: 1rem;
+    font-weight: bold;
+}
+
+input[type="submit"] {
+    text-align: center;
+    font-size: 1.5rem;
+    padding: .3rem;
+    margin: auto;
+    display: block;
+}
+
+input[type="number"] {
+    width: 100%;
+    font-size: 22pt;
+}
+
+
 /* Animacje */
-.wsun {
+.wsun, .dwsun .okno {
     animation: Wsun 0.6s ease-in;
 }
 
@@ -102,16 +126,19 @@ a:hover {
     }
 }
 
-.wysun {
+.wysun, .dwysun .okno {
     animation: Wysun 1.5s ease-in;
+    display: none;
 }
 
 @keyframes Wysun {
     0% {
+        display: initial;
         bottom: 0;
         opacity: 1;
     }
     100% {
+        display: initial;
         bottom: -40%;
         opacity: 0;
     }
@@ -132,13 +159,16 @@ a:hover {
 
 .dwysun {
     animation: DWysun 0.6s ease-in;
+    display: none;
 }
 
 @keyframes DWysun {
     0% {
+        display: initial;
         opacity: 1;
     }
     100% {
+        display: initial;
         opacity: 0;
     }
 }
@@ -154,13 +184,21 @@ a:hover {
     background-color: rgba(30, 30, 46, 0.9);
     width: 100vw;
     height: calc(100vh - 3rem);
+    display: flex;
 }
 
 .okno {
     padding: .5rem;
+    padding-bottom: 1rem;
+    border: .4rem solid var(--colorSurface1);
+    border-right-color: var(--colorSurface0);
+    border-bottom-color: var(--colorSurface0);
     background: var(--colorMantle);
     margin: auto;
     width: 40rem;
-    height: 20rem;
 }
 
+.okno h2 {
+    margin-top: .3rem;
+    margin-left: .3rem;
+}