diff --git a/static/style.css b/static/style.css
index 24d07f9..e4afdfd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -137,40 +137,40 @@ blockquote strong em {
     color: var(--clr-text-highlight);
 }
 
-header.h-card {
+header.card {
     margin-bottom: 64px;
 }
-header.h-card {
+header.card {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-header.h-card .header-image {
+header.card .header-image {
     flex: 1;
     flex-basis: auto;
     margin: 8px 32px 8px 0;
     text-align: center;
 }
-header.h-card .header-description {
+header.card .header-description {
     flex: 100;
     flex-basis: auto;
     /* min-width: 360px; */
     margin: 8px 0;
     /* text-align: center; */
 }
-header.h-card .profile-picture {
+header.card .profile-picture {
     max-width: 160px;
     border-radius: 100%;
 }
-header.h-card h1 {
+header.card h1 {
     font-size: 1.4em;
     margin: 0 0 16px;
 }
-header.h-card p {
+header.card p {
     font-size: 1.1em;
     margin: 0 0 8px;
 }
-header.h-card .social a {
+header.card .social a {
     display: inline-block;
     width: 20px;
     height: 20px;
diff --git a/views/index.pug b/views/index.pug
index 5c1d798..ffd2d6d 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -10,7 +10,7 @@ mixin entry($item)
 
 block content
     .h-card
-        header
+        header.card
             .header-image
                 img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo