From e6dab1a7f1c45a76db6782b32a4f914009ae1902 Mon Sep 17 00:00:00 2001
From: JorgeL99 <sairachambi@gmail.com>
Date: Wed, 28 Feb 2024 08:45:32 -0500
Subject: [PATCH] Finalizadox2

---
 img/Logo.png       | Bin 1165 -> 0 bytes
 img/logo-alura.svg |  17 +++++++++++++++++
 index.html         |   8 ++++----
 styles.css         |  22 +++++++++++-----------
 4 files changed, 32 insertions(+), 15 deletions(-)
 delete mode 100644 img/Logo.png
 create mode 100644 img/logo-alura.svg

diff --git a/img/Logo.png b/img/Logo.png
deleted file mode 100644
index 2945949ef44960dac73d3e7eb4b8f078b76f952b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1165
zcmV;81akX{P)<h;3K|Lk000e1NJLTq004LZ001xu1^@s6+Hbzo00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1R_a9K~#7F?VL|i
z6HySxzaB(JWRax{Er$~b3#$SfhZ7J_0G@yW4*)rUW?Z^5H-H;BZY1c!cmiXU2gt%A
z1IV=f5+D&OlOca3{gPi*YC`4}snj>Gr(gH?hF}>vKggZMD1h(`j3owna?Hu!xobmf
z1g<eVbp}T>#NU5c!U&c@umB_KNrN^VLV*DveZo!ADN2wO<4RbA1*jKzekCY?sU&Yb
z3>7XOSHe9gN43BYSGGfDY+*#0&^_nkWjzY(P>KVk%;&euqZHR5;o3imu@A+}Kp`UT
zo*YIh?j<6!H~Tn`vtN}@P>8w^?dAi|0ewW)doH8SgsRDy+aHlf#5uWlFCildcu`~G
zbq~srkmGYEak-ojmE%gO>&$CiEZCLnd=ov8aT{_dLK*62@chcoK9~z>V`R4N$!yCk
zMy9C1s2(4cmZ1!FNtT3KFYUa^d~YMJ!GvD9C|)7`i!+DwaYCKIoTP_mCfY+Eh{%zI
z{wQsXyZZVml%a2#bhG665Ak8C?`+p0uEH|ZC0RlZ?R#ad^8|Nf%KaegYPAK8Zm1LZ
zxKdigl+38DWQ_!JR3=hsOa;EcER`fiPX)G>8KM9~??~M}Q-RT{ZI8NfaaU-}qKCqz
zNq`7e&fH5TN?;@E`3d}lY3nqGPgeL@(y?A(BkG?RONlfKP8(F{RVc9yYXx4&2fnlk
z*G1ILD^Vw4#$Lx7fjeia6r>As%o!KmB#PRJdV!6wr!fVm4atHhc&2tkwZNu0A>y|B
zxC4sHt-5xN2C&_ZBWl;d%_cq5Hw?POAykb)V9w=b8n9V0j;Nf$R}PGRGh*o)CBz|!
zqRaMT3{&t3U>hn0cHr!yhqL1bA}TptJ_jA7`Lt|9oxshe0C+Rg;0YDA6LkU;(|VSK
ziX{ZkxhQJhl`ss{34F1^ES09K@-QqmFh!r~j(fQqxqMq!rOjApx=R$A(?^M2wP;DI
z;v+lu^$rWG8vbmd?R8MB64>kn#2}DkT`SQp%MK6L>m}x?z+;UhU{VP2(Fdl0!j?4}
z3>pQlrJa;A<_7w}$*_eq{`}@Al%a5$L_HEI-gNWZw-R}wHS2fN|1DG|a0+)9a@1>#
z{HXGLe&@qNk8o|yn{i2NZ*VG7(~h7Jb>4@jgQGz|GPerNhB8MQ`ONk9N7U`%Xk9rw
z=jF4np}JYD?jbC3trE{ZS#^;$AtIQukK~Qlel^8)kr^(Zd<ow}Au6-z<I3Bjabn;<
zV5~fv%b#kON%!Y?jhPNGO5`G9@S5hw8mjjnK3E9?=@FZKMIMI5g{8-au9Ou9Q&Xg9
zJzj~-QpZETTnOvBcxQ`Iz&Z!<?DJsho<lF>r}<KQ%#jiNdd6%rYcem%tYv*Gp}xuv
fs)Ib=V_f+QYDakc_*I~B00000NkvXXu0mjfw6+a~

diff --git a/img/logo-alura.svg b/img/logo-alura.svg
new file mode 100644
index 0000000..0fcf77d
--- /dev/null
+++ b/img/logo-alura.svg
@@ -0,0 +1,17 @@
+<svg width="283" height="422" viewBox="0 0 283 422" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_49_478)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M210.522 207.949C210.14 210.395 209.209 212.723 207.8 214.758C206.391 216.793 204.54 218.484 202.385 219.702C198.045 222.505 194.247 223.906 190.405 225.308C182.223 228.133 173.611 230.959 164.502 234.236C154.895 237.513 146.284 240.791 138.599 243.164C129.015 246.442 119.906 249.267 111.249 252.544C104.736 255.332 98.6179 258.964 93.0533 263.349C87.878 268.038 83.3616 273.406 79.627 279.307C75.7845 285.861 73.366 294.315 73.366 304.17C73.366 323.902 78.1578 338.911 87.7642 348.291C97.3479 358.169 115.114 362.848 141.447 362.848C168.299 362.848 186.517 357.694 196.146 347.365C205.707 337.035 210.499 322.501 210.499 303.741V207.949H210.522ZM141.469 0C188.484 0 222.999 8.92822 245.037 27.2367C267.097 45.0932 278.128 68.058 278.128 95.2721V327.18C278.128 336.56 276.229 346.89 272.884 358.146C269.493 369.448 262.803 379.755 252.247 389.112C242.189 398.538 228.288 406.517 210.544 412.62C192.801 418.723 169.791 422 141.492 422C113.238 422 90.1827 418.723 72.4619 412.62C54.741 406.517 40.8175 398.538 30.7591 389.112C21.4021 380.68 14.3138 370.032 10.1451 358.146C6.75464 346.912 4.83337 336.583 4.83337 327.203V290.133C4.83337 270.401 10.0999 252.092 20.6555 236.112C31.2112 219.702 46.0614 208.446 65.2515 201.394C74.8352 198.116 85.8655 194.839 98.3198 190.612C110.797 186.363 122.279 182.136 133.807 178.406C145.334 174.632 155.393 170.857 164.004 167.557C169.201 165.478 174.48 163.607 179.827 161.951L188.461 157.724C191.851 155.848 195.174 153.023 198.542 149.271C201.887 145.541 204.758 141.315 207.176 136.613C209.732 131.522 211.048 125.9 211.019 120.203V105.172C211.054 99.6633 209.898 94.2119 207.628 89.1919C205.73 83.5411 201.887 78.3876 196.621 73.7087C191.354 69.0073 184.144 65.2552 175.532 62.4072C166.898 59.627 155.415 58.203 142.441 58.203C115.589 58.203 97.8452 63.4017 88.2614 74.1608C80.1243 83.5637 75.3325 95.2947 74.3831 108.427C74.3831 111.252 71.9872 113.129 69.094 113.129L10.6198 114.078C9.23076 114.084 7.89559 113.541 6.90498 112.567C5.91436 111.594 5.34851 110.268 5.33064 108.879V95.3173C5.33064 82.1397 7.74917 69.934 13.0157 58.203C18.3048 46.4494 26.4645 36.617 37.4723 28.1409C48.5026 19.7099 62.9007 12.6803 80.1469 7.9789C96.941 2.32812 117.555 0 141.514 0H141.469Z" fill="#0A3871"/>
+</g>
+<defs>
+<filter id="filter0_d_49_478" x="0.833374" y="0" width="281.294" height="430" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_49_478"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_49_478" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/index.html b/index.html
index 7f596f6..4d2997e 100644
--- a/index.html
+++ b/index.html
@@ -15,14 +15,14 @@
     <div class="container">
 
         <div class="encriptar"> 
-          <img class="logo" src="/img/Logo.png" alt="logo">
+          <img class="logo" src="/img/logo-alura.svg" alt="logo">
           <textarea name="texto" class="texto" id="texto" cols="30" rows="10" placeholder="Ingresa el texto aquí"></textarea>
         <div class="terminos">
-          <img class="ifo" src="/img/nifo.svg" alt="ifo">
-          <p>Solo letras minúsculas y sin acentos.</p>
+            <img class="ifo" src="/img/nifo.svg" alt="ifo">
+            <p>Solo letras minúsculas y sin acentos.</p>
         </div>
         <div class="botones">
-          <button class="btn-encriptar" type="button" onclick="encriptar()">Encriptar!</button>
+              <button class="btn-encriptar" type="button" onclick="encriptar()">Encriptar!</button>
               <input type="button" class="btn-desencriptar" value="Desencriptar!" onclick="desencriptar()"/>
         </div>
       </div>
diff --git a/styles.css b/styles.css
index 3cd0262..036f0d9 100644
--- a/styles.css
+++ b/styles.css
@@ -9,12 +9,17 @@
     height: 100vh;
     background: #f3f5fc;
   }
+  .logo{
+    width: 60px;
+    padding-top: 40px;
+    padding-left: 60px;
+  }
   .texto {
     position: absolute;
     width: 42%;
     height: 60%;
     left: 12%;
-    top: 15%;
+    top: 20%;
     border: none;
     font-family: "Open Sans", sans-serif;
     font-weight: 400;
@@ -23,11 +28,6 @@
     background-color: #f3f5fc;
     color: #0a3871;
   }
-  .logo{
-    width: 115px;
-    padding-top: 20px;
-    padding-left: 40px;
-  }
   .texto::placeholder {
     color: #0a3871;
   }
@@ -257,19 +257,19 @@
       flex-direction: row;
     }
     .logo{
-      width: 80px;
-      padding-top: 20px;
-      padding-left: 2px;
+      width: 40px;
+      padding-top: 15px;
+      padding-left: 30px;
     }
     .encriptar {
       width: 100%;
       height: 50%;  
     }
     .texto {
-      width: 80%;
+      width: 90%;
       height: 40%;
       left: 10%;
-      top: 7%;
+      top: 11%;
     }
     .terminos {
       width: 80%;