.portrait {
    width: 2em;
    block-size: 2em;
    inline-size: 2em;
    object-fit: cover;
    object-position: center;
    border-radius: 100%;
}

.blog-post-home-page-section {
	margin-bottom: 10em;
}

#first_name_animate,#last_name_animate {
    display: inline-block;
    /* transform: scale(0.0) rotate(-90deg) translateY(0.0px); */
    white-space: pre;
}

#navbar {
    display: flex;
    /* opacity: 0.0;
    transform: translateY(15.0px); */
}

body.light {
    --primary: rgb(34 106 77);
    --surface-tint: rgb(34 106 77);
    --on-primary: rgb(255 255 255);
    --primary-container: rgb(169 242 204);
    --on-primary-container: rgb(0 82 55);
    --secondary: rgb(77 99 87);
    --on-secondary: rgb(255 255 255);
    --secondary-container: rgb(207 233 216);
    --on-secondary-container: rgb(54 75 64);
    --tertiary: rgb(61 100 115);
    --on-tertiary: rgb(255 255 255);
    --tertiary-container: rgb(192 233 251);
    --on-tertiary-container: rgb(36 76 90);
    --error: rgb(186 26 26);
    --on-error: rgb(255 255 255);
    --error-container: rgb(255 218 214);
    --on-error-container: rgb(147 0 10);
    --background: rgb(245 251 245);
    --on-background: rgb(23 29 25);
    --surface: rgb(245 251 245);
    --on-surface: rgb(23 29 25);
    --surface-variant: rgb(220 229 221);
    --on-surface-variant: rgb(64 73 67);
    --outline: rgb(112 121 115);
    --outline-variant: rgb(192 201 193);
    --shadow: rgb(0 0 0);
    --scrim: rgb(0 0 0);
    --inverse-surface: rgb(44 50 46);
    --inverse-on-surface: rgb(237 242 236);
    --inverse-primary: rgb(142 213 177);
    --primary-fixed: rgb(169 242 204);
    --on-primary-fixed: rgb(0 33 20);
    --primary-fixed-dim: rgb(142 213 177);
    --on-primary-fixed-variant: rgb(0 82 55);
    --secondary-fixed: rgb(207 233 216);
    --on-secondary-fixed: rgb(10 31 22);
    --secondary-fixed-dim: rgb(180 204 189);
    --on-secondary-fixed-variant: rgb(54 75 64);
    --tertiary-fixed: rgb(192 233 251);
    --on-tertiary-fixed: rgb(0 31 41);
    --tertiary-fixed-dim: rgb(165 205 222);
    --on-tertiary-fixed-variant: rgb(36 76 90);
    --surface-dim: rgb(214 219 214);
    --surface-bright: rgb(245 251 245);
    --surface-container-lowest: rgb(255 255 255);
    --surface-container-low: rgb(240 245 239);
    --surface-container: rgb(234 239 233);
    --surface-container-high: rgb(228 234 228);
    --surface-container-highest: rgb(222 228 222);
  }