diff --git a/index.html b/index.html index db5a41d..4ce4975 100644 --- a/index.html +++ b/index.html @@ -20,9 +20,14 @@ diff --git a/pfp.png b/pfp.png new file mode 100644 index 0000000..6e1da2d Binary files /dev/null and b/pfp.png differ diff --git a/styles.css b/styles.css index 3cb748b..254e7bf 100644 --- a/styles.css +++ b/styles.css @@ -52,15 +52,34 @@ main { footer { flex: 0 1 auto; display: flex; + padding: 20px 0 20px 0; background-color: var(--footer-colour); } footer > div { width: 50%; + height: fit-content; + margin: auto 0 auto 0; + text-align: center; +} + +footer > div > * { + margin: 0 auto 0 auto; } -#imaText { /* The text directly after "I'm a" */ - color: #5a91ff; +/* Used to make text appear to the right of an image */ +.imgRightText { + display: flex; + width: fit-content; +} + +.imgRightText > img { + height: 100%; + margin-right: 5px; +} + +.imgRightText > p { + margin: auto; }