diff options
Diffstat (limited to 'src/components/Profile.astro')
| -rw-r--r-- | src/components/Profile.astro | 27 |
1 files changed, 14 insertions, 13 deletions
diff --git a/src/components/Profile.astro b/src/components/Profile.astro index ba51fb6..a232463 100644 --- a/src/components/Profile.astro +++ b/src/components/Profile.astro @@ -1,12 +1,12 @@ --- -import UserProfileImage from '../assets/user-profile-image.png' -import dataList from '../data/user.json'; +import UserProfileImage from "../assets/profile-pfp.jpg"; +import dataList from "../data/user.json"; --- <header class="profile"> <div class="profile-picture-content"> <figure class="profile-picture"> - <img src={UserProfileImage.src} alt="This is me!"> + <img src={UserProfileImage.src} alt="This is me!" /> </figure> </div> <div class="profile-data"> @@ -17,7 +17,7 @@ import dataList from '../data/user.json'; <style> .profile { - margin-top: 6rem; + margin-top: 0.5rem; width: 100%; display: flex; flex-direction: column; @@ -28,13 +28,13 @@ import dataList from '../data/user.json'; padding: 0.5rem; border-radius: 100%; border: 1px solid var(--zinc-800); + background-color: var(--pink-lighter); } .profile-picture { - width: 6rem; - height: 6rem; - border-radius: 100%; - border: 1px solid var(--zinc-800); + width: 10rem; + height: 10rem; + border-radius: 75%; overflow: hidden; } @@ -50,12 +50,13 @@ import dataList from '../data/user.json'; } .profile-name { - font-size: 1.125rem; - font-weight: normal; + font-size: 2.125rem; + font-weight: bold; + color: var(--zinc-900); } .profile-profession { - font-size: 0.875rem; - color: var(--zinc-400); + font-size: 1.2rem; + color: var(--zinc-900); } -</style>
\ No newline at end of file +</style> |