Let's go gambling!

assets/css/js-warunkowe.css

@@ -1,8 +1,8 @@
-#pornhub-nieaktywne {
+#nieaktywne {
     display: none;
 }
 
-#pornhub * {
+#aktywne * {
     color: #fff;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
@@ -10,7 +10,7 @@
     padding: 0;
 }
 
-#pornhub {
+#aktywne {
     display: inline-block !important;
     background: #000;
     z-index: 1000002;
@@ -25,7 +25,7 @@
     padding: 0;
 }
 
-#pornhub img {
+#aktywne img {
     color: #fff;
     font-family: Arial,Helvetica,sans-serif;
     font-size: 12px;
@@ -35,7 +35,7 @@
     width: 150px;
 }
 
-#pornhub #pierwszy {
+#aktywne #pierwszy {
     max-width: 750px;
     display: inline-block;
     padding: 4rem 2rem;
@@ -50,7 +50,7 @@
     font-size: 12px;
 }
 
-#pornhub #pierwszy div h3 {
+#aktywne #pierwszy div h3 {
     font-size: 2.5rem;
     margin: 1.5rem 0 1rem;
     font-weight: 700;
@@ -61,7 +61,7 @@
     text-transform: none;
 }
 
-#pornhub #pierwszy div h4 {
+#aktywne #pierwszy div h4 {
     font-size: 1.2rem;
     margin: 1.5rem 0 1rem;
     margin-top: 2.5rem;
@@ -75,14 +75,14 @@
     text-transform: none;
 }
 
-#pornhub #pierwszy div p {
+#aktywne #pierwszy div p {
     font-size: 1.25rem;
     margin: 0;
     color: #ccc;
 }
 
 
-#pornhub span {
+#aktywne span {
     background-color: rgb(0,0,0);
     color: rgb(204,204,204);
     font-family: Arial, Helvetica, sans-serif;
@@ -91,7 +91,7 @@
     font-size: 1rem;
 }
 
-#pornhub button {
+#aktywne button {
     appearance: none;
   vertical-align: top;
   text-decoration: none;
@@ -114,14 +114,14 @@
   border: 3px solid #ff9000;
 }
 
-#pornhub input {
+#aktywne input {
     margin: 0;
     border: 3px solid #ff9000;
     height: .5rem;
     background: #1f1f1f;
 }
 
-#pornhub input::-webkit-slider-thumb {
+#aktywne input::-webkit-slider-thumb {
     -webkit-appearance: none;
     appearance: none;
     width: 1rem;
@@ -132,10 +132,30 @@
     background-color: #ff9000;
 }
 
-#pornhub input::-moz-range-thumb {
+#aktywne input::-moz-range-thumb {
     width: 1rem;
     height: 1rem;
     border-radius: 100%;
     cursor: pointer;
     background-color: #ff9000;
+}
+
+#zad8-haslo {
+    font-size: larger;
+    width: 100%;
+}
+
+#zad8-lista {
+    height: 6rem;
+}
+
+#zad8-sila {
+    border-radius: .4rem;
+    border: .2rem solid var(--colorSurface2);
+    background-color: var(--colorSurface1);
+    padding: .5rem;
+    margin: .5rem;
+    font-size: 24pt;
+    height: 24pt;
+    user-select: none;
 }