Encriptador casi updates :)

index.html

@@ -26,7 +26,10 @@ <h1>Encriptador<br>
         <label for="inputTextArea"></label>
             <div class="input">
                 <textarea id="inputTextArea" rows="18" cols="40" placeholder="Ingrese texto aquí" class="campotransparente-uno"></textarea>
-                <p>Solo letras minusculas y sin acentos</p>
+                <p>
+                    <img class="circulo-exclamacion" src="imagenes/circulo-exclamacion-cierre.svg">
+                    Solo letras minusculas y sin acentos
+                </p>
                 <div style="text-align: center;">
                     <button class="button-uno" onclick="encryptText();">Encriptar!</button>
                     <button class="button-dos" onclick="decryptText();">Desencriptar!</button>
@@ -38,4 +41,5 @@ <h1>Encriptador<br>
                 </div>
             </div>
     </body>
-</html>
+</html>
+

styles.css

@@ -71,25 +71,35 @@ body {
     font-family: 'Montserrat', sans-serif;
     text-align: center;
     color: rgb(255, 255, 255);
-    line-height: 1.05;
+    line-height: 1.07;
 }
 
 ::-webkit-scrollbar {
     display: none;
 }
 
 p {
-    font-size: 18px;
+    font-size: 16px;
     font-family: 'Montserrat', sans-serif;
     margin: 10px;
     text-align: center;
 }
 
+.circulo-exclamacion {
+    opacity: 75%;
+    filter: invert(10%) sepia(37%) saturate(6718%) hue-rotate(246deg) brightness(79%) contrast(127%);
+    width: 15px;
+    height: 15px;
+    transform: translate(0px, 1.5px);
+}
+
 .button-uno {
+    width: 120px;
+    height: 40px;
     background-color: rgb(12, 0, 122);
     border-radius: 15px;
     color: white;
-    padding: 10px 20px;
+    padding: 10px 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
@@ -106,10 +116,12 @@ p {
 }
 
 .button-dos {
+    width: 120px;
+    height: 40px;
     background-color: rgb(0, 47, 175);
     border-radius: 15px;
     color: white;
-    padding: 10px 20px;
+    padding: 10px 10px;
     text-align: inline-block;
     text-decoration: none;
     display: inline-block;
@@ -122,14 +134,16 @@ p {
 }
 
 .button-dos:hover {
-    background-color: rgb(207, 66, 0);/* Puedes utilizar cualquier color deseado */
+    background-color: rgb(207, 66, 0);
 }
 
 .button-tres {
+    width: 120px;
+    height: 40px;
     background-color: rgb(12, 0, 122);
     border-radius: 15px;
     color: white;
-    padding: 10px 20px;
+    padding: 10px 10px;
     text-align: inline-block;
     text-decoration: none;
     display: inline-block;