Encriptador concluido por el momento :D

mrp500 · Mar 5, 2024 · 07c94bc · 07c94bc
1 parent d9b7dfd
commit 07c94bc
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 13 deletions.
diff --git a/index.html b/index.html
@@ -22,8 +22,8 @@
     </head>
     <body>
         <h1><img class="candado" src="imagenes/candado.svg" draggable="false" oncontextmenu="return false" alt="Candado">
-            <span class ="Encriptador">Encriptador</span><br>
-            <span class = "Desencriptador">Desencriptador</span>
+            <span class ="encriptador">Encriptador</span><br>
+            <span class = "desencriptador">Desencriptador</span>
         </h1>
         <label for="inputTextArea"></label>
             <div class="input">
@@ -47,5 +47,4 @@ <h1><img class="candado" src="imagenes/candado.svg" draggable="false" oncontextm
                 </div>
             </div>
     </body>
-</html>
-
+</html>
diff --git a/script.js b/script.js
@@ -62,5 +62,4 @@ document.getElementById('result').addEventListener('blur', function() {
     }
 });
 
-document.getElementById('result').onblur = showImageIfNoFocus;
-
+document.getElementById('result').onblur = showImageIfNoFocus;
diff --git a/styles.css b/styles.css
@@ -8,7 +8,7 @@ h1 {
     font-weight: bold;
 }
 
-.Desencriptador {
+.desencriptador {
     margin-left: 68px;
 }
 
@@ -95,7 +95,7 @@ body {
 
 .detective {
     display: flex;
-    opacity: 75%;
+    opacity: 40%;
     width: 240px;
     height: 240px;
     filter: invert(12%) sepia(92%) saturate(2487%) hue-rotate(242deg) brightness(84%) contrast(138%);
@@ -195,11 +195,11 @@ p {
         transform: translate(0px, 35px);
     }
 
-    .Encriptador {
+    .encriptador {
         margin-right: 80px;
     }
 
-    .Desencriptador {
+    .desencriptador {
         margin-left: 40px;
     }
 
@@ -244,18 +244,17 @@ p {
     }
 
     .campotransparente-dos {
-        line-height: 1;
-        display: block;
         display: block;
+        line-height: 1;
         width: 100%;
         margin: 0;
-        padding: 15px;
         -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
             box-sizing: border-box;
     }
 
     .detective {
+        opacity: 30%;
         margin: 10% 12%;
     }