From 583e8cbae2f202d6ab92db68f6b3f70a4238d33c Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@qivro.xyz>
Date: Sat, 11 Jul 2020 19:33:56 +0200
Subject: [PATCH] Updated design

---
 assets/img/background.svg | 102 ++++++++++++++++++++++++++++++++++++++
 assets/styles.css         |  17 +++++--
 views/404.php             |   2 +-
 views/encrypt.php         |   2 +-
 views/faq.php             |   2 +-
 views/guide.php           |   2 +-
 views/guides.php          |   2 +-
 views/index.php           |   2 +-
 views/proofs.php          |   2 +-
 views/verify.php          |   2 +-
 10 files changed, 124 insertions(+), 11 deletions(-)
 create mode 100644 assets/img/background.svg

diff --git a/assets/img/background.svg b/assets/img/background.svg
new file mode 100644
index 0000000..ea25295
--- /dev/null
+++ b/assets/img/background.svg
@@ -0,0 +1,102 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="background_tile.svg"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 541.86666 541.86668"
+   height="2048"
+   width="2048"
+   inkscape:export-filename="/home/yarmo/dev/web/keyoxide/assets/img/background.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     showguides="false"
+     inkscape:lockguides="false"
+     inkscape:window-maximized="1"
+     inkscape:window-y="36"
+     inkscape:window-x="0"
+     inkscape:window-height="1015"
+     inkscape:window-width="1920"
+     units="px"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="g170"
+     inkscape:document-units="px"
+     inkscape:cy="966.82615"
+     inkscape:cx="1051.8026"
+     inkscape:zoom="0.35"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base">
+    <inkscape:grid
+       empspacing="4"
+       spacingy="2.1166667"
+       spacingx="2.1166667"
+       id="grid58"
+       type="xygrid" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     style="display:inline">
+    <g
+       inkscape:tile-y0="0"
+       inkscape:tile-x0="0"
+       inkscape:tile-h="275.16665"
+       inkscape:tile-w="275.16665"
+       inkscape:tile-cy="137.58333"
+       inkscape:tile-cx="137.58333"
+       id="g170"
+       transform="translate(541.86667)"
+       style="opacity:1">
+      <rect
+         inkscape:tile-y0="0"
+         inkscape:tile-x0="0"
+         inkscape:tile-h="275.16665"
+         inkscape:tile-w="275.16665"
+         inkscape:tile-cy="137.58333"
+         inkscape:tile-cx="137.58333"
+         y="0"
+         x="-541.86609"
+         height="541.8667"
+         width="541.8667"
+         id="rect62"
+         style="mix-blend-mode:normal;fill:#c4e3f6;fill-opacity:1;stroke-width:4.23334;stroke-miterlimit:4;stroke-dasharray:none" />
+      <path
+         transform="matrix(0.26458333,0,0,0.26458333,-541.86667,0)"
+         d="M 156.00195 0 L 156.00195 33.654297 L 214.34375 92 L 0 92 L 0 100.00195 L 222.3457 100.00195 L 272.00586 149.66406 A 64.000002 64.000002 0 0 0 256.00195 192 A 64.000002 64.000002 0 0 0 272.00586 234.33594 L 222.3418 284.00391 L 0 284.00391 L 0 291.99805 L 225.65625 291.99805 L 277.66406 239.99414 A 64.000002 64.000002 0 0 0 320.00195 256 A 64.000002 64.000002 0 0 0 384.00195 192 A 64.000002 64.000002 0 0 0 367.99805 149.66406 L 449.66016 68.001953 L 612.00391 68.001953 L 612.00391 0 L 604.00195 0 L 604.00195 60 L 446.3457 60 L 362.33594 144.00391 A 64.000002 64.000002 0 0 0 320.00195 128 A 64.000002 64.000002 0 0 0 277.66797 144.00391 L 164.00391 30.339844 L 164.00391 0 L 156.00195 0 z M 988 0 L 988 92 L 862.3457 92 L 595.62305 358.72266 A 32.000001 32.000001 0 0 0 576.00195 352 A 32.000001 32.000001 0 0 0 544.00195 384 A 32.000001 32.000001 0 0 0 576.00195 416 A 32.000001 32.000001 0 0 0 608.00195 384 A 32.000001 32.000001 0 0 0 601.27734 364.37695 L 865.66016 100.00195 L 1024.002 100.00195 L 1246.3457 100.00195 L 1296.0059 149.66406 A 64.000002 64.000002 0 0 0 1280.002 192 A 64.000002 64.000002 0 0 0 1296.0059 234.33594 L 1246.3418 284.00391 L 1024.002 284.00391 L 959.75 284.00391 A 32.000001 32.000001 0 0 0 928.00195 256 A 32.000001 32.000001 0 0 0 896.00195 288 A 32.000001 32.000001 0 0 0 928.00195 320 A 32.000001 32.000001 0 0 0 959.75 291.99805 L 1024.002 291.99805 L 1249.6562 291.99805 L 1301.6641 239.99414 A 64.000002 64.000002 0 0 0 1344.002 256 A 64.000002 64.000002 0 0 0 1408.002 192 A 64.000002 64.000002 0 0 0 1391.998 149.66406 L 1473.6602 68.001953 L 1636.0039 68.001953 L 1636.0039 0 L 1628.002 0 L 1628.002 60 L 1470.3457 60 L 1386.3359 144.00391 A 64.000002 64.000002 0 0 0 1344.002 128 A 64.000002 64.000002 0 0 0 1301.668 144.00391 L 1188.0039 30.339844 L 1188.0039 0 L 1180.002 0 L 1180.002 33.654297 L 1238.3438 92 L 1024.002 92 L 996.00195 92 L 996.00195 0 L 988 0 z M 2012 0 L 2012 92 L 1886.3457 92 L 1619.623 358.72266 A 32.000001 32.000001 0 0 0 1600.002 352 A 32.000001 32.000001 0 0 0 1568.002 384 A 32.000001 32.000001 0 0 0 1600.002 416 A 32.000001 32.000001 0 0 0 1632.002 384 A 32.000001 32.000001 0 0 0 1625.2773 364.37695 L 1889.6602 100.00195 L 2048.002 100.00195 L 2048.002 92 L 2020.002 92 L 2020.002 0 L 2012 0 z M 512.00195 192 A 32.000001 32.000001 0 0 0 480.00195 224 A 32.000001 32.000001 0 0 0 486.72266 243.61914 L 318.34375 411.99805 L 0 411.99805 L 0 420 L 321.6582 420 L 492.38086 249.27734 A 32.000001 32.000001 0 0 0 512.00195 256 A 32.000001 32.000001 0 0 0 544.00195 224 A 32.000001 32.000001 0 0 0 512.00195 192 z M 1536.002 192 A 32.000001 32.000001 0 0 0 1504.002 224 A 32.000001 32.000001 0 0 0 1510.7227 243.61914 L 1342.3438 411.99805 L 1024.002 411.99805 L 734.34375 411.99805 L 618.33984 528.00586 A 64.000002 64.000002 0 0 0 576.00195 512 A 64.000002 64.000002 0 0 0 512.12695 572 L 254.34375 572 L 94.347656 732.00391 L 0 732.00391 L 0 739.99805 L 97.662109 739.99805 L 257.6582 580.00195 L 512.12891 580.00195 A 64.000002 64.000002 0 0 0 572 639.875 L 572 865.66016 L 668.00195 961.6543 L 668.00195 1024 L 668.00195 1057.6543 L 726.34375 1116 L 512.00195 1116 L 512 1116 L 484.00195 1116 L 484.00195 1024 L 484.00195 798.34375 L 409.2832 723.61719 A 32.000001 32.000001 0 0 0 416.00195 704 A 32.000001 32.000001 0 0 0 384.00195 672 A 32.000001 32.000001 0 0 0 352.00195 704 A 32.000001 32.000001 0 0 0 384.00195 736 A 32.000001 32.000001 0 0 0 403.62109 729.2793 L 476 801.6582 L 476 1024 L 476 1116 L 350.3457 1116 L 83.623047 1382.7227 A 32.000001 32.000001 0 0 0 64.001953 1376 A 32.000001 32.000001 0 0 0 32.001953 1408 A 32.000001 32.000001 0 0 0 64.001953 1440 A 32.000001 32.000001 0 0 0 96.001953 1408 A 32.000001 32.000001 0 0 0 89.277344 1388.377 L 353.66016 1124.002 L 512 1124.002 L 512.00195 1124.002 L 734.3457 1124.002 L 784.00586 1173.6641 A 64.000002 64.000002 0 0 0 768.00195 1216 A 64.000002 64.000002 0 0 0 784.00586 1258.3359 L 734.3418 1308.0039 L 512.00195 1308.0039 L 512 1308.0039 L 447.75 1308.0039 A 32.000001 32.000001 0 0 0 416.00195 1280 A 32.000001 32.000001 0 0 0 384.00195 1312 A 32.000001 32.000001 0 0 0 416.00195 1344 A 32.000001 32.000001 0 0 0 447.75 1315.998 L 512 1315.998 L 512.00195 1315.998 L 737.65625 1315.998 L 789.66406 1263.9941 A 64.000002 64.000002 0 0 0 832.00195 1280 A 64.000002 64.000002 0 0 0 896.00195 1216 A 64.000002 64.000002 0 0 0 879.99805 1173.6641 L 961.66016 1092.002 L 1124.0039 1092.002 L 1124.0039 1024 L 1124.002 1024 L 1124.002 1023.873 A 64.000002 64.000002 0 0 0 1183.877 964 L 1248.0039 964 L 1281.6582 964 L 1356.3809 889.27734 A 32.000001 32.000001 0 0 0 1376.002 896 A 32.000001 32.000001 0 0 0 1408.002 864 A 32.000001 32.000001 0 0 0 1376.002 832 A 32.000001 32.000001 0 0 0 1344.002 864 A 32.000001 32.000001 0 0 0 1350.7227 883.61914 L 1278.3438 956 L 1248.0039 956 L 1183.875 956 A 64.000002 64.000002 0 0 0 1120.002 896 A 64.000002 64.000002 0 0 0 1056.127 956 L 1024.002 956 L 897.66016 956 L 708.00391 766.34375 L 708.00391 705.65625 L 865.66016 548.00195 L 1024.002 548.00195 L 1056.2539 548.00195 A 32.000001 32.000001 0 0 0 1088.002 576 A 32.000001 32.000001 0 0 0 1120.002 544 A 32.000001 32.000001 0 0 0 1088.002 512 A 32.000001 32.000001 0 0 0 1056.2539 540 L 1024.002 540 L 862.3457 540 L 700.00195 702.3418 L 700.00195 769.6582 L 894.3457 964 L 1024.002 964 L 1056.1289 964 A 64.000002 64.000002 0 0 0 1116 1023.875 L 1116 1024 L 1116.002 1024 L 1116.002 1084 L 958.3457 1084 L 874.33594 1168.0039 A 64.000002 64.000002 0 0 0 832.00195 1152 A 64.000002 64.000002 0 0 0 789.66797 1168.0039 L 676.00391 1054.3398 L 676.00391 1024 L 676.00391 958.3457 L 580.00195 862.3457 L 580.00195 639.87305 A 64.000002 64.000002 0 0 0 640.00195 576 A 64.000002 64.000002 0 0 0 623.99609 533.66211 L 737.6582 420 L 1024.002 420 L 1345.6582 420 L 1516.3809 249.27734 A 32.000001 32.000001 0 0 0 1536.002 256 A 32.000001 32.000001 0 0 0 1568.002 224 A 32.000001 32.000001 0 0 0 1536.002 192 z M 1952.002 256 A 32.000001 32.000001 0 0 0 1920.002 288 A 32.000001 32.000001 0 0 0 1952.002 320 A 32.000001 32.000001 0 0 0 1983.75 291.99805 L 2048.002 291.99805 L 2048.002 284.00391 L 1983.75 284.00391 A 32.000001 32.000001 0 0 0 1952.002 256 z M 1758.3438 411.99805 L 1642.3398 528.00586 A 64.000002 64.000002 0 0 0 1600.002 512 A 64.000002 64.000002 0 0 0 1536.127 572 L 1278.3438 572 L 1118.3477 732.00391 L 1024.002 732.00391 L 895.75 732.00391 A 32.000001 32.000001 0 0 0 864.00195 704 A 32.000001 32.000001 0 0 0 832.00195 736 A 32.000001 32.000001 0 0 0 864.00195 768 A 32.000001 32.000001 0 0 0 895.75 739.99805 L 1024.002 739.99805 L 1121.6621 739.99805 L 1281.6582 580.00195 L 1536.1289 580.00195 A 64.000002 64.000002 0 0 0 1596 639.875 L 1596 865.66016 L 1692.002 961.6543 L 1692.002 1024 L 1692.002 1057.6543 L 1750.3438 1116 L 1536.002 1116 L 1508.002 1116 L 1508.002 1024 L 1508.002 798.34375 L 1433.2832 723.61719 A 32.000001 32.000001 0 0 0 1440.002 704 A 32.000001 32.000001 0 0 0 1408.002 672 A 32.000001 32.000001 0 0 0 1376.002 704 A 32.000001 32.000001 0 0 0 1408.002 736 A 32.000001 32.000001 0 0 0 1427.6211 729.2793 L 1500 801.6582 L 1500 1024 L 1500 1116 L 1374.3457 1116 L 1107.623 1382.7227 A 32.000001 32.000001 0 0 0 1088.002 1376 A 32.000001 32.000001 0 0 0 1056.002 1408 A 32.000001 32.000001 0 0 0 1088.002 1440 A 32.000001 32.000001 0 0 0 1120.002 1408 A 32.000001 32.000001 0 0 0 1113.2773 1388.377 L 1377.6602 1124.002 L 1536.002 1124.002 L 1758.3457 1124.002 L 1808.0059 1173.6641 A 64.000002 64.000002 0 0 0 1792.002 1216 A 64.000002 64.000002 0 0 0 1808.0059 1258.3359 L 1758.3418 1308.0039 L 1536.002 1308.0039 L 1471.75 1308.0039 A 32.000001 32.000001 0 0 0 1440.002 1280 A 32.000001 32.000001 0 0 0 1408.002 1312 A 32.000001 32.000001 0 0 0 1440.002 1344 A 32.000001 32.000001 0 0 0 1471.75 1315.998 L 1536.002 1315.998 L 1761.6562 1315.998 L 1813.6641 1263.9941 A 64.000002 64.000002 0 0 0 1856.002 1280 A 64.000002 64.000002 0 0 0 1920.002 1216 A 64.000002 64.000002 0 0 0 1903.998 1173.6641 L 1985.6602 1092.002 L 2148.0039 1092.002 L 2148.0039 1024 L 2140.002 1024 L 2140.002 1084 L 1982.3457 1084 L 1898.3359 1168.0039 A 64.000002 64.000002 0 0 0 1856.002 1152 A 64.000002 64.000002 0 0 0 1813.668 1168.0039 L 1700.0039 1054.3398 L 1700.0039 1024 L 1700.0039 958.3457 L 1604.002 862.3457 L 1604.002 639.87305 A 64.000002 64.000002 0 0 0 1664.002 576 A 64.000002 64.000002 0 0 0 1647.9961 533.66211 L 1761.6582 420 L 2048.002 420 L 2048.002 411.99805 L 1758.3438 411.99805 z M 64.001953 512 A 32.000001 32.000001 0 0 0 32.253906 540 L 0 540 L 0 548.00195 L 32.253906 548.00195 A 32.000001 32.000001 0 0 0 64.001953 576 A 32.000001 32.000001 0 0 0 96.001953 544 A 32.000001 32.000001 0 0 0 64.001953 512 z M 1886.3457 540 L 1724.002 702.3418 L 1724.002 769.6582 L 1918.3457 964 L 2048.002 964 L 2048.002 956 L 1921.6602 956 L 1732.0039 766.34375 L 1732.0039 705.65625 L 1889.6602 548.00195 L 2048.002 548.00195 L 2048.002 540 L 1886.3457 540 z M 1888.002 704 A 32.000001 32.000001 0 0 0 1856.002 736 A 32.000001 32.000001 0 0 0 1888.002 768 A 32.000001 32.000001 0 0 0 1919.75 739.99805 L 2048.002 739.99805 L 2048.002 732.00391 L 1919.75 732.00391 A 32.000001 32.000001 0 0 0 1888.002 704 z M 352.00195 832 A 32.000001 32.000001 0 0 0 320.00195 864 A 32.000001 32.000001 0 0 0 326.72266 883.61914 L 254.34375 956 L 224.00391 956 L 159.875 956 A 64.000002 64.000002 0 0 0 96.001953 896 A 64.000002 64.000002 0 0 0 32.126953 956 L 0 956 L 0 964 L 32.128906 964 A 64.000002 64.000002 0 0 0 92 1023.875 L 92 1024 L 92.001953 1024 L 92.001953 1084 L -65.654297 1084 L -149.66406 1168.0039 A 64.000002 64.000002 0 0 0 -191.99805 1152 A 64.000002 64.000002 0 0 0 -234.33203 1168.0039 L -347.99609 1054.3398 L -347.99609 1024 L -355.99805 1024 L -355.99805 1057.6543 L -297.65625 1116 L -512 1116 L -512 1124.002 L -289.6543 1124.002 L -239.99414 1173.6641 A 64.000002 64.000002 0 0 0 -255.99805 1216 A 64.000002 64.000002 0 0 0 -239.99414 1258.3359 L -289.6582 1308.0039 L -512 1308.0039 L -512 1315.998 L -286.34375 1315.998 L -234.33594 1263.9941 A 64.000002 64.000002 0 0 0 -191.99805 1280 A 64.000002 64.000002 0 0 0 -127.99805 1216 A 64.000002 64.000002 0 0 0 -144.00195 1173.6641 L -62.339844 1092.002 L 100.00391 1092.002 L 100.00391 1024 L 100.00195 1024 L 100.00195 1023.873 A 64.000002 64.000002 0 0 0 159.87695 964 L 224.00391 964 L 257.6582 964 L 332.38086 889.27734 A 32.000001 32.000001 0 0 0 352.00195 896 A 32.000001 32.000001 0 0 0 384.00195 864 A 32.000001 32.000001 0 0 0 352.00195 832 z M 2524 1024 L 2524 1116 L 2398.3457 1116 L 2131.623 1382.7227 A 32.000001 32.000001 0 0 0 2112.002 1376 A 32.000001 32.000001 0 0 0 2080.002 1408 A 32.000001 32.000001 0 0 0 2112.002 1440 A 32.000001 32.000001 0 0 0 2144.002 1408 A 32.000001 32.000001 0 0 0 2137.2773 1388.377 L 2401.6602 1124.002 L 2560.002 1124.002 L 2560.002 1116 L 2532.002 1116 L 2532.002 1024 L 2524 1024 z M 0.001953125 1216 A 32.000001 32.000001 0 0 0 -31.998047 1248 A 32.000001 32.000001 0 0 0 -25.277344 1267.6191 L -193.65625 1435.998 L -512 1435.998 L -512 1444 L -190.3418 1444 L -19.619141 1273.2773 A 32.000001 32.000001 0 0 0 0.001953125 1280 A 32.000001 32.000001 0 0 0 32.001953 1248 A 32.000001 32.000001 0 0 0 0.001953125 1216 z M 1024.002 1216 A 32.000001 32.000001 0 0 0 992.00195 1248 A 32.000001 32.000001 0 0 0 998.72266 1267.6191 L 830.34375 1435.998 L 512.00195 1435.998 L 512 1435.998 L 222.34375 1435.998 L 106.33984 1552.0059 A 64.000002 64.000002 0 0 0 64.001953 1536 A 64.000002 64.000002 0 0 0 0.12695312 1596 L -257.65625 1596 L -417.65234 1756.0039 L -512 1756.0039 L -512 1763.998 L -414.33789 1763.998 L -254.3418 1604.002 L 0.12890625 1604.002 A 64.000002 64.000002 0 0 0 60 1663.875 L 60 1889.6602 L 156.00195 1985.6543 L 156.00195 2048 L 164.00391 2048 L 164.00391 1982.3457 L 68.001953 1886.3457 L 68.001953 1663.873 A 64.000002 64.000002 0 0 0 128.00195 1600 A 64.000002 64.000002 0 0 0 111.99609 1557.6621 L 225.6582 1444 L 512 1444 L 512.00195 1444 L 833.6582 1444 L 1004.3809 1273.2773 A 32.000001 32.000001 0 0 0 1024.002 1280 A 32.000001 32.000001 0 0 0 1056.002 1248 A 32.000001 32.000001 0 0 0 1024.002 1216 z M 2048.002 1216 A 32.000001 32.000001 0 0 0 2016.002 1248 A 32.000001 32.000001 0 0 0 2022.7227 1267.6191 L 1854.3438 1435.998 L 1536.002 1435.998 L 1246.3438 1435.998 L 1130.3398 1552.0059 A 64.000002 64.000002 0 0 0 1088.002 1536 A 64.000002 64.000002 0 0 0 1024.127 1596 L 766.34375 1596 L 606.34766 1756.0039 L 512.00195 1756.0039 L 512 1756.0039 L 383.75 1756.0039 A 32.000001 32.000001 0 0 0 352.00195 1728 A 32.000001 32.000001 0 0 0 320.00195 1760 A 32.000001 32.000001 0 0 0 352.00195 1792 A 32.000001 32.000001 0 0 0 383.75 1763.998 L 512 1763.998 L 512.00195 1763.998 L 609.66211 1763.998 L 769.6582 1604.002 L 1024.1289 1604.002 A 64.000002 64.000002 0 0 0 1084 1663.875 L 1084 1889.6602 L 1180.002 1985.6543 L 1180.002 2048 L 1188.0039 2048 L 1188.0039 1982.3457 L 1092.002 1886.3457 L 1092.002 1663.873 A 64.000002 64.000002 0 0 0 1152.002 1600 A 64.000002 64.000002 0 0 0 1135.9961 1557.6621 L 1249.6582 1444 L 1536.002 1444 L 1857.6582 1444 L 2028.3809 1273.2773 A 32.000001 32.000001 0 0 0 2048.002 1280 A 32.000001 32.000001 0 0 0 2080.002 1248 A 32.000001 32.000001 0 0 0 2048.002 1216 z M 2464.002 1280 A 32.000001 32.000001 0 0 0 2432.002 1312 A 32.000001 32.000001 0 0 0 2464.002 1344 A 32.000001 32.000001 0 0 0 2495.75 1315.998 L 2560.002 1315.998 L 2560.002 1308.0039 L 2495.75 1308.0039 A 32.000001 32.000001 0 0 0 2464.002 1280 z M 2270.3438 1435.998 L 2154.3398 1552.0059 A 64.000002 64.000002 0 0 0 2112.002 1536 A 64.000002 64.000002 0 0 0 2048.127 1596 L 1790.3438 1596 L 1630.3477 1756.0039 L 1536.002 1756.0039 L 1407.75 1756.0039 A 32.000001 32.000001 0 0 0 1376.002 1728 A 32.000001 32.000001 0 0 0 1344.002 1760 A 32.000001 32.000001 0 0 0 1376.002 1792 A 32.000001 32.000001 0 0 0 1407.75 1763.998 L 1536.002 1763.998 L 1633.6621 1763.998 L 1793.6582 1604.002 L 2048.1289 1604.002 A 64.000002 64.000002 0 0 0 2108 1663.875 L 2108 1889.6602 L 2204.002 1985.6543 L 2204.002 2048 L 2212.0039 2048 L 2212.0039 1982.3457 L 2116.002 1886.3457 L 2116.002 1663.873 A 64.000002 64.000002 0 0 0 2176.002 1600 A 64.000002 64.000002 0 0 0 2159.9961 1557.6621 L 2273.6582 1444 L 2560.002 1444 L 2560.002 1435.998 L 2270.3438 1435.998 z M -447.99805 1536 A 32.000001 32.000001 0 0 0 -479.74609 1564 L -512 1564 L -512 1572.002 L -479.74609 1572.002 A 32.000001 32.000001 0 0 0 -447.99805 1600 A 32.000001 32.000001 0 0 0 -415.99805 1568 A 32.000001 32.000001 0 0 0 -447.99805 1536 z M 576.00195 1536 A 32.000001 32.000001 0 0 0 544.25391 1564 L 512.00195 1564 L 512 1564 L 350.3457 1564 L 188.00195 1726.3418 L 188.00195 1793.6582 L 382.3457 1988 L 512 1988 L 512.00195 1988 L 544.12891 1988 A 64.000002 64.000002 0 0 0 604 2047.875 L 604 2048 L 612.00195 2048 L 612.00195 2047.873 A 64.000002 64.000002 0 0 0 671.87695 1988 L 736.00391 1988 L 769.6582 1988 L 844.38086 1913.2773 A 32.000001 32.000001 0 0 0 864.00195 1920 A 32.000001 32.000001 0 0 0 896.00195 1888 A 32.000001 32.000001 0 0 0 864.00195 1856 A 32.000001 32.000001 0 0 0 832.00195 1888 A 32.000001 32.000001 0 0 0 838.72266 1907.6191 L 766.34375 1980 L 736.00391 1980 L 671.875 1980 A 64.000002 64.000002 0 0 0 608.00195 1920 A 64.000002 64.000002 0 0 0 544.12695 1980 L 512.00195 1980 L 512 1980 L 385.66016 1980 L 196.00391 1790.3438 L 196.00391 1729.6562 L 353.66016 1572.002 L 512 1572.002 L 512.00195 1572.002 L 544.25391 1572.002 A 32.000001 32.000001 0 0 0 576.00195 1600 A 32.000001 32.000001 0 0 0 608.00195 1568 A 32.000001 32.000001 0 0 0 576.00195 1536 z M 1600.002 1536 A 32.000001 32.000001 0 0 0 1568.2539 1564 L 1536.002 1564 L 1374.3457 1564 L 1212.002 1726.3418 L 1212.002 1793.6582 L 1406.3457 1988 L 1536.002 1988 L 1568.1289 1988 A 64.000002 64.000002 0 0 0 1628 2047.875 L 1628 2048 L 1636.002 2048 L 1636.002 2047.873 A 64.000002 64.000002 0 0 0 1695.877 1988 L 1760.0039 1988 L 1793.6582 1988 L 1868.3809 1913.2773 A 32.000001 32.000001 0 0 0 1888.002 1920 A 32.000001 32.000001 0 0 0 1920.002 1888 A 32.000001 32.000001 0 0 0 1888.002 1856 A 32.000001 32.000001 0 0 0 1856.002 1888 A 32.000001 32.000001 0 0 0 1862.7227 1907.6191 L 1790.3438 1980 L 1760.0039 1980 L 1695.875 1980 A 64.000002 64.000002 0 0 0 1632.002 1920 A 64.000002 64.000002 0 0 0 1568.127 1980 L 1536.002 1980 L 1409.6602 1980 L 1220.0039 1790.3438 L 1220.0039 1729.6562 L 1377.6602 1572.002 L 1536.002 1572.002 L 1568.2539 1572.002 A 32.000001 32.000001 0 0 0 1600.002 1600 A 32.000001 32.000001 0 0 0 1632.002 1568 A 32.000001 32.000001 0 0 0 1600.002 1536 z M 2398.3457 1564 L 2236.002 1726.3418 L 2236.002 1793.6582 L 2430.3457 1988 L 2560.002 1988 L 2560.002 1980 L 2433.6602 1980 L 2244.0039 1790.3438 L 2244.0039 1729.6562 L 2401.6602 1572.002 L 2560.002 1572.002 L 2560.002 1564 L 2398.3457 1564 z M -127.99805 1696 A 32.000001 32.000001 0 0 0 -159.99805 1728 A 32.000001 32.000001 0 0 0 -127.99805 1760 A 32.000001 32.000001 0 0 0 -108.37891 1753.2793 L -36 1825.6582 L -36 2048 L -27.998047 2048 L -27.998047 1822.3438 L -102.7168 1747.6172 A 32.000001 32.000001 0 0 0 -95.998047 1728 A 32.000001 32.000001 0 0 0 -127.99805 1696 z M 896.00195 1696 A 32.000001 32.000001 0 0 0 864.00195 1728 A 32.000001 32.000001 0 0 0 896.00195 1760 A 32.000001 32.000001 0 0 0 915.62109 1753.2793 L 988 1825.6582 L 988 2048 L 996.00195 2048 L 996.00195 1822.3438 L 921.2832 1747.6172 A 32.000001 32.000001 0 0 0 928.00195 1728 A 32.000001 32.000001 0 0 0 896.00195 1696 z M 1920.002 1696 A 32.000001 32.000001 0 0 0 1888.002 1728 A 32.000001 32.000001 0 0 0 1920.002 1760 A 32.000001 32.000001 0 0 0 1939.6211 1753.2793 L 2012 1825.6582 L 2012 2048 L 2020.002 2048 L 2020.002 1822.3438 L 1945.2832 1747.6172 A 32.000001 32.000001 0 0 0 1952.002 1728 A 32.000001 32.000001 0 0 0 1920.002 1696 z M 2400.002 1728 A 32.000001 32.000001 0 0 0 2368.002 1760 A 32.000001 32.000001 0 0 0 2400.002 1792 A 32.000001 32.000001 0 0 0 2431.75 1763.998 L 2560.002 1763.998 L 2560.002 1756.0039 L 2431.75 1756.0039 A 32.000001 32.000001 0 0 0 2400.002 1728 z M -159.99805 1856 A 32.000001 32.000001 0 0 0 -191.99805 1888 A 32.000001 32.000001 0 0 0 -185.27734 1907.6191 L -257.65625 1980 L -287.99609 1980 L -352.125 1980 A 64.000002 64.000002 0 0 0 -415.99805 1920 A 64.000002 64.000002 0 0 0 -479.87305 1980 L -512 1980 L -512 1988 L -479.87109 1988 A 64.000002 64.000002 0 0 0 -420 2047.875 L -420 2048 L -411.99805 2048 L -411.99805 2047.873 A 64.000002 64.000002 0 0 0 -352.12305 1988 L -287.99609 1988 L -254.3418 1988 L -179.61914 1913.2773 A 32.000001 32.000001 0 0 0 -159.99805 1920 A 32.000001 32.000001 0 0 0 -127.99805 1888 A 32.000001 32.000001 0 0 0 -159.99805 1856 z "
+         style="mix-blend-mode:normal;fill:#a9d8f1;fill-opacity:1;stroke:none;stroke-width:8.00001;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path64" />
+    </g>
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Layer 2" />
+</svg>
diff --git a/assets/styles.css b/assets/styles.css
index ab40a53..a3d21dc 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -5,13 +5,18 @@ body {
 	margin: 0;
     color: #333;
     font-family: sans-serif;
-	background-color: #eee;
+	background-color: #9dd3f0;
+    background-image: url('/assets/img/background.svg');
+    background-repeat: repeat;
+    background-size: 512px;
+    background-position: -16px -16px;
 }
 header {
     padding: 16px;
     margin: 0 0 48px;
     font-size: 1.1em;
     background-color: #fff;
+    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
 }
 header .container {
     display: flex;
@@ -24,6 +29,9 @@ footer {
     margin: 64px 0;
     padding: 0 32px;
 }
+footer a {
+    color: #777;
+}
 .container {
     max-width: 720px;
     width: 100%;
@@ -32,6 +40,8 @@ footer {
 .content {
     padding: 16px 32px 32px;
     background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 8px 16px rgba(0,0,0,0.15);
 }
 .spacer {
     flex: 1;
@@ -56,8 +66,9 @@ footer {
 
 h1 {
     margin: 0;
-    padding: 16px 32px;
-    background-color: #9dd3f0;
+    padding: 0 32px 16px 32px;
+    /* background-color: #9dd3f0; */
+    background-color: #fff;
     text-align: center;
     cursor: default;
 }
diff --git a/views/404.php b/views/404.php
index d3d6b65..f705c3e 100644
--- a/views/404.php
+++ b/views/404.php
@@ -1,6 +1,6 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>404</h1>
 <div class="content">
+    <h1>404</h1>
     <p>The requested page could not be found :(</p>
 </div>
diff --git a/views/encrypt.php b/views/encrypt.php
index a31624e..31e5875 100644
--- a/views/encrypt.php
+++ b/views/encrypt.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>Encrypt</h1>
 <div class="content">
+    <h1>Encrypt</h1>
     <form id="form-encrypt" method="post">
         <h3>Recipient</h3>
         <label for="modeSelect">Mode: </label>
diff --git a/views/faq.php b/views/faq.php
index 4362b13..7336fbd 100644
--- a/views/faq.php
+++ b/views/faq.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>FAQ</h1>
 <div class="content">
+    <h1>FAQ</h1>
     <h3 id="what-is-keyoxide"><a href="#what-is-keyoxide">#</a> What is Keyoxide?</h3>
     <p><a href="/">Keyoxide</a> is a lightweight and FOSS solution to make basic cryptography operations accessible to regular humans. It is built to be privacy friendly and secure, it can even be self-hosted.</p>
 
diff --git a/views/guide.php b/views/guide.php
index 0c8bdfe..aa783d1 100644
--- a/views/guide.php
+++ b/views/guide.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1><?php $this->insert("guides/$id.title") ?></h1>
 <div class="content">
+    <h1><?php $this->insert("guides/$id.title") ?></h1>
     <p><a href='/guides'>Back to guides</a></p>
     <?php $this->insert("guides/$id.content") ?>
 </div>
diff --git a/views/guides.php b/views/guides.php
index 9d85f3e..35bdc8a 100644
--- a/views/guides.php
+++ b/views/guides.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>Guides</h1>
 <div class="content">
+    <h1>Guides</h1>
     <h3>Using Keyoxide.org</h3>
     <a href="/guides/verify">Verifying a signature</a><br>
     <a href="/guides/encrypt">Encrypting a message</a><br>
diff --git a/views/index.php b/views/index.php
index b2de7aa..885f969 100644
--- a/views/index.php
+++ b/views/index.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>Keyoxide</h1>
 <div class="content">
+    <h1>Keyoxide</h1>
     <h2>PGP actions</h2>
     <p>
         <a class="bigBtn" href="/verify">verify signature</a>
diff --git a/views/proofs.php b/views/proofs.php
index 37ffc40..134708e 100644
--- a/views/proofs.php
+++ b/views/proofs.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>Proofs</h1>
 <div class="content">
+    <h1>Proofs</h1>
     <form id="form-proofs" method="post">
         <h3>Public key</h3>
         <label for="modeSelect">Mode: </label>
diff --git a/views/verify.php b/views/verify.php
index 40204dd..914b6e4 100644
--- a/views/verify.php
+++ b/views/verify.php
@@ -1,7 +1,7 @@
 <?php $this->layout('template.base', ['title' => $title]) ?>
 
-<h1>Verify</h1>
 <div class="content">
+    <h1>Verify</h1>
     <form id="form-verify" method="post">
         <h3>Signer</h3>
         <label for="modeSelect">Mode: </label>