diff --git a/images/matrix-356024_1920.jpg b/images/matrix-356024_1920.jpg new file mode 100644 index 0000000..abedddd Binary files /dev/null and b/images/matrix-356024_1920.jpg differ diff --git a/matrix-356024.jpg b/matrix-356024.jpg deleted file mode 100644 index 4526ba8..0000000 Binary files a/matrix-356024.jpg and /dev/null differ diff --git a/style.css b/style.css index 8d28ed6..528b394 100644 --- a/style.css +++ b/style.css @@ -15,7 +15,7 @@ html { } body { - background-image: url("./matrix-356024.jpg"); + background-image: url("./images/matrix-356024_1920.jpg"); background-size: cover; font-family: "Fira Sans", sans-serif; display: flex; @@ -33,7 +33,6 @@ header { flex: 0 0 auto; padding: 15px 0; background-color: var(--dark-trans); - margin: 0; } header h1 { @@ -49,8 +48,6 @@ main { flex-direction: column; justify-content: center; align-items: center; - padding: 0; - margin: 0; } .calculator { @@ -64,12 +61,12 @@ main { border: 5px solid; border-color: #bbb #888 #666 #aaa; border-radius: 5px; + max-width: 415px; } .display { grid-column: 1 / span 4; height: 150px; - max-width: 415px; padding: 5px; overflow: hidden; background-color: #333; @@ -99,6 +96,7 @@ button { height: 100px; width: 100px; font-size: 50px; + text-align: center; border-color: var(--light-text); border-radius: 5px; box-shadow: 1px 2px 10px 1px #222;