Tweak styles

src/page/basics/image/image.scss

@@ -2,6 +2,10 @@
   font-size: 0;
   overflow: hidden;
 
+  &:not([image-viewer-ignore]) {
+    cursor: pointer;
+  }
+
   img {
     max-width: 100%;
     max-height: 100%;

src/page/header/header.scss

@@ -13,18 +13,17 @@
     color: var(--accent-color);
   }
 
-  $img-size: 125px;
   h1,
-  .image,
   .placeholder {
     @include title-font();
   }
 
+  $img-size: 125px;
   .image {
     @include square($img-size);
     border-radius: 100%;
-    cursor: pointer;
     box-shadow: var(--shadow);
+    margin: auto;
   }
 
   p {
@@ -62,7 +61,7 @@
       @include square(calc(#{$img-size} * 2 / 3 - #{var(--normal-margin)}));
       box-sizing: content-box;
       float: left;
-      margin: 0 0.75ex 0.75ex 0;
+      margin: 0 0.75ex 0.5ex 0;
     }
 
     h1 {

src/styles.scss

@@ -8,7 +8,6 @@
 *::before,
 *::after {
   margin: 0;
-  padding: 0;
   box-sizing: border-box;
 }
 
@@ -79,7 +78,6 @@ noscript {
   box-shadow: var(--inset-shadow);
   border-radius: var(--border-radius) var(--border-radius) 0 0;
   pointer-events: none;
-  cursor: pointer;
   position: relative;
 
   * {