deploy: 18bce0f2b548121e7298c164c463df00e2f9ff78

1 files changed, 26 insertions, 4 deletions

diff --git a/css/partials/profile.css b/css/partials/profile.css
index 310500f0..368a309c 100644
--- a/css/partials/profile.css
+++ b/css/partials/profile.css
@@ -1,7 +1,8 @@
 .profile {
-  margin-top: $margin-primary;
+  margin-top: $margin-l-0;
   display: flex;
   flex-direction: row-reverse;
+  align-items: center;
 }
 .profile .profile-content {
   width: 50%;
@@ -13,24 +14,45 @@
 }
 .profile .profile-content .profile-body {
   margin-top: 0;
-  margin-bottom: $margin-l-1;
+  margin-bottom: $margin-m-1;
+  color: $color-text-secondary;
 }
 .profile .profile-content .profile-link {
   margin-top: 0;
-  margin-bottom: $margin-m-1;
+  margin-bottom: $margin-m-0;
+}
+.profile .profile-content .profile-link a {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  transition: color $transition-duration ease;
+}
+.profile .profile-content .profile-link a:hover {
+  color: $color-accent;
 }
 .profile .profile-image {
   width: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.profile .profile-image img {
+  max-width: 100%;
+  max-height: 35vh;
+  object-fit: contain;
 }
 @media (max-width: 480px) {
   .profile {
     flex-wrap: wrap;
+    align-items: flex-start;
   }
   .profile .profile-content {
     width: 100%;
-    margin-top: $margin-m-1;
+    margin-top: $margin-m-0;
   }
   .profile .profile-image {
     width: 100%;
   }
+  .profile .profile-image img {
+    max-height: 25vh;
+  }
 }