diff --git a/script.js b/script.js index af61c1f..5bbbe75 100644 --- a/script.js +++ b/script.js @@ -22,11 +22,9 @@ document.getElementById('decodeBtn').addEventListener('click', function () { if (decodeSection.style.display === 'block') { decodeSection.style.display = 'none'; - container.style.top = "40vh"; } else { decodeSection.style.display = 'block'; encodeSection.style.display = 'none'; - container.style.top = "18vh"; } }); diff --git a/styles.css b/styles.css index 8a705d6..9b3d987 100644 --- a/styles.css +++ b/styles.css @@ -22,7 +22,7 @@ nav { position: fixed; top: 0; text-align: center; - font-size: 110%; + font-size: 25px; color: white; font-family:Arial, Helvetica, sans-serif; text-shadow: 5px 4px 10px rgba(0,0,0,0.52); @@ -44,7 +44,7 @@ nav h1{ top: 40vh; margin: auto; height: auto; - max-width: 70vw; + max-width: 600px; background: white; padding: 20px; border-radius: 8px; @@ -73,12 +73,8 @@ nav h1{ #encodeSection h2{ margin-bottom: 20px; } -#encodeSection #imageInput,#decodeSection #decodeImageInput{ +#encodeSection #imageInput{ margin:20px 0; - border: 1px solid gray; - padding: 9px; - border-radius: 5px; - width: 100%; } #decodeSection{ color: black