diff --git a/index.html b/index.html index 08753e0..fea1ccd 100644 --- a/index.html +++ b/index.html @@ -25,17 +25,15 @@ required placeholder="Ingresa el texto aquí" autofocus>
- -

Solo letras minúsculas y sin acentos

- +

Solo letras minúsculas y sin acentos serán consideradas

-

Ningún mensaje fue encontrado

+

Ingresa el texto que deseas encriptar o desencriptar.

diff --git a/style.css b/style.css index 53dce18..55f1106 100644 --- a/style.css +++ b/style.css @@ -5,7 +5,7 @@ main { display: flex; - background: magenta; + background: #0079db; /*align-content: center;*/ justify-content: center; flex-wrap: wrap; @@ -15,25 +15,41 @@ main { #logo { padding: 2%; + margin-bottom: 50px; } +label { + align-content: center; + padding: 5px; +} + +button{ + margin: 10px; +} + + #mensaje { margin-left: 4%; margin-right: 2%; margin-top: 3%; margin-bottom: 3%; - background: #006ef9; - border-radius: 25px; padding: 1%; width: 100%; max-width: fit-content; } +#frase { + margin: 10px; +} + #uso { - font-weight: lighter; + margin: 10px; + font-family: monospace; + font-size: small; } #info { + text-align: center; margin-left: 2%; margin-right: 4%; margin-top: 3%; @@ -41,8 +57,18 @@ main { background: #006ef9; border-radius: 25px; padding: 1%; - width: 100%; - max-width: fit-content; + width: 40%; +} + +#mono { + padding-top: 30px; + padding-bottom: 30px; + padding-left: 10px; + padding-right: 10px; +} + +#info h2{ + padding: 10px } #copiar{ @@ -55,6 +81,6 @@ main { } footer { - background-color: #0079db; + background-color: #d63533; padding: 1%; }