a few font adjustments

app/main.css

@@ -23,7 +23,6 @@ body {
 .btn {
   @apply bg-blue-dark;
   @apply text-white;
-  @apply font-semibold;
   @apply cursor-pointer;
   @apply py-2;
   @apply px-6;

app/ui/archiveTile.js

@@ -160,7 +160,7 @@ module.exports = function(state, emit, archive) {
     platform() !== 'android'
       ? html`
           <button
-            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end font-medium flex items-center"
+            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end flex items-center"
             onclick=${copy}
           >
             <img src="${assets.get('copy-16.svg')}" class="mr-2" />
@@ -169,7 +169,7 @@ module.exports = function(state, emit, archive) {
         `
       : html`
           <button
-            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end font-medium flex items-center"
+            class="text-blue-dark hover:text-blue-darker focus:text-blue-darker self-end flex items-center"
             onclick=${share}
           >
             <img src="${assets.get('share-24.svg')}" class="mr-2" /> Share
@@ -179,7 +179,7 @@ module.exports = function(state, emit, archive) {
     platform() === 'web'
       ? html`
           <a
-            class="flex items-baseline text-blue-dark hover:text-blue-darker focus:text-blue-darker font-medium"
+            class="flex items-baseline text-blue-dark hover:text-blue-darker focus:text-blue-darker"
             href="${archive.url}"
           >
             <img src="${assets.get('dl.svg')}" class="mr-2" />
@@ -310,7 +310,7 @@ module.exports.wip = function(state, emit) {
     return html`
       <input
         type="image"
-        class="self-center text-white ml-4 delete"
+        class="self-center text-white ml-4 h-4"
         alt="Delete"
         src="${assets.get('close-16.svg')}"
         onclick="${del}"

app/ui/intro.js

@@ -7,10 +7,10 @@ module.exports = function intro(state) {
       class="flex flex-col items-center justify-center bg-white border border-grey-light md:border-none px-6 md:py-0 py-6 mb-0 h-full w-full"
     >
       <div class="flex flex-col justify-end h-full py-8">
-        <h1 class="font-bold leading-normal">
+        <h1 class="font-bold">
           ${state.translate('uploadPageHeader')}
         </h1>
-        <p class="max-w-sm font-light leading-normal">
+        <p class="max-w-sm mt-2 font-light leading-normal">
           ${state.translate('uploadPageExplainer')}
         </p>
         <img class="-mb-12" src="${assets.get('intro.png')}" />