diff --git a/index.html b/index.html
index 58bc314..95e53bd 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,445 @@
   <meta name="theme-color" content="#000000">
 
   <style amp-custom>
-  :root{--color-black:black;--color-white:white;--color-trans:rgba(0, 0, 0, 0);--color-primary:#dedede;--color-secondary:#debe6e;--color-secondary--darken:#bb922a;--color-shadow:#8f8f8f;--color-bg:#141414;--color-border:black;--border-width:0.1rem;--letter-spacing:0.05em;--trans-time:0.25s;--gap-xxl:3.2rem;--gap-xl:2.4rem;--gap-l:1.6rem;--gap-m:0.8rem;--gap-s:0.4rem;--font-family--text:ramagothice-regular,sans-serif;--font-family--title:ramagothice-semibold,sans-serif;--font-family--link:ramagothice-light,sans-serif}@font-face{font-family:ramagothice-regular;font-weight:400;font-display:fallback;font-style:normal;src:url(./wwwroot/fonts/rama-gothic/ramagothice-regular.otf) format("opentype"),url(./wwwroot/fonts/rama-gothic/ramagothice-regular.ttf) format("truetype"),url(./wwwroot/fonts/rama-gothic/ramagothice-regular.woff) format("woff"),url(./wwwroot/fonts/rama-gothic/ramagothice-regular.woff2) format("woff2")}@font-face{font-family:ramagothice-semibold;font-weight:700;font-display:fallback;font-style:normal;src:url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.otf) format("opentype"),url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.ttf) format("truetype"),url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.woff) format("woff"),url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.woff2) format("woff2")}@font-face{font-family:ramagothice-light;font-weight:300;font-display:fallback;font-style:normal;src:url(./wwwroot/fonts/rama-gothic/ramagothice-light.otf) format("opentype"),url(./wwwroot/fonts/rama-gothic/ramagothice-light.ttf) format("truetype"),url(./wwwroot/fonts/rama-gothic/ramagothice-light.woff) format("woff"),url(./wwwroot/fonts/rama-gothic/ramagothice-light.woff2) format("woff2")}html{height:100%;padding:0;margin:0;font-size:62.5%;scroll-behavior:smooth}html *{-webkit-box-sizing:border-box;box-sizing:border-box}body{padding:0;margin:0;background-image:url(./wwwroot/images/backgrounds/background.webp);background-repeat:no-repeat;background-position:center;background-color:var(--color-bg);font-family:var(--font-family--text);background-size:cover}@media only screen and (max-width:1440px){body{background-image:url(./wwwroot/images/backgrounds/background_1920.webp)}}@media only screen and (max-width:1360px){body{background-image:url(./wwwroot/images/backgrounds/background_1440.webp)}}@media only screen and (max-width:1024px){body{background-image:url(./wwwroot/images/backgrounds/background_1366.webp)}}@media only screen and (max-width:768px){body{background-image:url(./wwwroot/images/backgrounds/background_1024.webp)}}@media only screen and (max-width:425px){.no-mobile{display:none}}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap}body nav{-webkit-box-flex:0;-ms-flex:none;flex:none}body header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}body main{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:100%}body footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}h1,h2,h3,p{margin:0}h1{font-family:var(--font-family--title);font-size:12vh;line-height:12vh;color:var(--color-primary)}h3{display:inline-block;background:-o-linear-gradient(315deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);background:linear-gradient(135deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:5.6vh;letter-spacing:var(--letter-spacing);text-transform:uppercase}h3 a{text-decoration:underline;-webkit-text-decoration-color:var(--color-secondary--darken);text-decoration-color:var(--color-secondary--darken)}h3.subtitle{margin-top:.16em;font-size:4vh}h2,strong{display:inline-block;background:-o-linear-gradient(315deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);background:linear-gradient(135deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:7.2vh;line-height:7.2vh;letter-spacing:var(--letter-spacing);color:var(--color-secondary);text-transform:uppercase}p{margin-top:5.6vh;font-size:5.6vh;color:var(--color-primary)}.references{margin:2.4vh 0 4vh;font-size:4vh;line-height:1.5;color:var(--color-primary);word-spacing:var(--gap-l)}.preferences{margin-top:1.6vh;font-size:4vh;line-height:1.5;color:var(--color-primary);word-spacing:var(--gap-s)}.container{width:80%;min-width:1440px;margin:0 auto}@media only screen and (max-width:1440px){.container{min-width:1024px}}@media only screen and (max-width:1360px){.container{width:100%;min-width:0;padding:0 var(--gap-xxl)}}@media only screen and (max-width:425px){.container{padding:0 var(--gap-l)}}.link{font-family:var(--font-family--link);font-size:5.6vh;color:var(--color-primary);-webkit-transform:rotate(0) translateZ(0);transform:rotate(0) translateZ(0);-webkit-transition:-webkit-transform var(--trans-time) ease-in-out;transition:-webkit-transform var(--trans-time) ease-in-out;-o-transition:transform var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}.link:hover{-webkit-transform:rotate(-5deg) translateZ(0);transform:rotate(-5deg) translateZ(0);-webkit-transition:-webkit-text-decoration-color var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;transition:-webkit-text-decoration-color var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;-o-transition:text-decoration-color var(--trans-time) ease-in-out,transform var(--trans-time) ease-in-out;transition:text-decoration-color var(--trans-time) ease-in-out,transform var(--trans-time) ease-in-out;transition:text-decoration-color var(--trans-time) ease-in-out,transform var(--trans-time) ease-in-out,-webkit-text-decoration-color var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;-webkit-text-decoration-color:var(--color-secondary);text-decoration-color:var(--color-secondary)}@media only screen and (max-width:768px){.link:hover{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.link--secondary{display:inline-block;background:-o-linear-gradient(315deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);background:linear-gradient(135deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;font-family:var(--font-family--text);text-decoration:none}.link--secondary:after{position:absolute;top:85%;left:50%;display:block;content:"";width:100%;height:.09em;background:-o-linear-gradient(315deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);background:linear-gradient(135deg,var(--color-secondary--darken) 15%,var(--color-secondary) 100%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-backface-visibility:hidden;backface-visibility:hidden}p .link{font-size:1em}section{display:-ms-grid;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:100vh}@media only screen and (max-width:768px){section{padding:3rem 0}}.contact{display:-ms-grid;display:grid;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-gap:4vw;-ms-grid-columns:8fr 5fr;grid-template-columns:8fr 5fr}@media only screen and (max-width:1440px){.contact{grid-gap:8rem;-ms-grid-columns:1fr;grid-template-columns:1fr}}.contact>div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.contact__social{display:-ms-grid;display:grid;margin:3.2vh 0 7.2vh 0;grid-gap:var(--gap-l);-ms-grid-columns:(minmax(3.2rem,4vh))[5];grid-template-columns:repeat(5,minmax(3.2rem,4vh))}.contact__social>a{position:relative;display:block;width:4vh;min-width:3.2rem;height:4vh;min-height:3.2rem;text-decoration:none}.contact__social>a:before{position:absolute;bottom:0;left:50%;display:block;content:"";width:100%;height:100%;background-color:var(--color-shadow);border-radius:50%;-webkit-transform:translate(-50%,50%) rotateX(75deg) scale(0,0);transform:translate(-50%,50%) rotateX(75deg) scale(0,0);-webkit-transition:-webkit-transform var(--trans-time) ease-in-out;transition:-webkit-transform var(--trans-time) ease-in-out;-o-transition:transform var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;z-index:5}.contact__social>a:hover:before{-webkit-transform:translate(-50%,50%) rotateX(75deg) scale(1,1);transform:translate(-50%,50%) rotateX(75deg) scale(1,1)}@media only screen and (max-width:768px){.contact__social>a:hover:before{-webkit-transform:translate(-50%,50%) rotateX(75deg) scale(0,0);transform:translate(-50%,50%) rotateX(75deg) scale(0,0)}}.contact__social>a:hover>svg{-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);fill:var(--color-secondary--darken)}@media only screen and (max-width:768px){.contact__social>a:hover>svg{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.contact__social svg{width:100%;height:100%;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:fill var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;transition:fill var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;-o-transition:transform var(--trans-time) ease-in-out,fill var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out,fill var(--trans-time) ease-in-out;transition:transform var(--trans-time) ease-in-out,fill var(--trans-time) ease-in-out,-webkit-transform var(--trans-time) ease-in-out;z-index:10;fill:var(--color-primary)}
+    :root {
+      --color-black: black;
+      --color-white: white;
+      --color-trans: rgba(0, 0, 0, 0);
+      --color-primary: #dedede;
+      --color-secondary: #debe6e;
+      --color-secondary--darken: #bb922a;
+      --color-shadow: #8f8f8f;
+      --color-bg: #141414;
+      --color-border: black;
+      --border-width: 0.1rem;
+      --letter-spacing: 0.05em;
+      --trans-time: 0.25s;
+      --gap-xxl: 3.2rem;
+      --gap-xl: 2.4rem;
+      --gap-l: 1.6rem;
+      --gap-m: 0.8rem;
+      --gap-s: 0.4rem;
+      --font-family--text: ramagothice-regular, sans-serif;
+      --font-family--title: ramagothice-semibold, sans-serif;
+      --font-family--link: ramagothice-light, sans-serif
+    }
+
+    @font-face {
+      font-family: ramagothice-regular;
+      font-weight: 400;
+      font-display: fallback;
+      font-style: normal;
+      src: url(./wwwroot/fonts/rama-gothic/ramagothice-regular.otf) format("opentype"), url(./wwwroot/fonts/rama-gothic/ramagothice-regular.ttf) format("truetype"), url(./wwwroot/fonts/rama-gothic/ramagothice-regular.woff) format("woff"), url(./wwwroot/fonts/rama-gothic/ramagothice-regular.woff2) format("woff2")
+    }
+
+    @font-face {
+      font-family: ramagothice-semibold;
+      font-weight: 700;
+      font-display: fallback;
+      font-style: normal;
+      src: url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.otf) format("opentype"), url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.ttf) format("truetype"), url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.woff) format("woff"), url(./wwwroot/fonts/rama-gothic/ramagothice-semibold.woff2) format("woff2")
+    }
+
+    @font-face {
+      font-family: ramagothice-light;
+      font-weight: 300;
+      font-display: fallback;
+      font-style: normal;
+      src: url(./wwwroot/fonts/rama-gothic/ramagothice-light.otf) format("opentype"), url(./wwwroot/fonts/rama-gothic/ramagothice-light.ttf) format("truetype"), url(./wwwroot/fonts/rama-gothic/ramagothice-light.woff) format("woff"), url(./wwwroot/fonts/rama-gothic/ramagothice-light.woff2) format("woff2")
+    }
+
+    html {
+      height: 100%;
+      padding: 0;
+      margin: 0;
+      font-size: 62.5%;
+      scroll-behavior: smooth
+    }
+
+    html * {
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box
+    }
+
+    body {
+      padding: 0;
+      margin: 0;
+      background-image: url(./wwwroot/images/backgrounds/background.webp);
+      background-repeat: no-repeat;
+      background-position: center;
+      background-color: var(--color-bg);
+      font-family: var(--font-family--text);
+      background-size: cover
+    }
+
+    @media only screen and (max-width:1440px) {
+      body {
+        background-image: url(./wwwroot/images/backgrounds/background_1920.webp)
+      }
+    }
+
+    @media only screen and (max-width:1360px) {
+      body {
+        background-image: url(./wwwroot/images/backgrounds/background_1440.webp)
+      }
+    }
+
+    @media only screen and (max-width:1024px) {
+      body {
+        background-image: url(./wwwroot/images/backgrounds/background_1366.webp)
+      }
+    }
+
+    @media only screen and (max-width:768px) {
+      body {
+        background-image: url(./wwwroot/images/backgrounds/background_1024.webp)
+      }
+    }
+
+    @media only screen and (max-width:425px) {
+      .no-mobile {
+        display: none
+      }
+    }
+
+    body {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-flow: column wrap;
+      flex-flow: column wrap
+    }
+
+    body nav {
+      -webkit-box-flex: 0;
+      -ms-flex: none;
+      flex: none
+    }
+
+    body header {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
+      width: 100%
+    }
+
+    body main {
+      -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+      flex: 1 1 auto;
+      width: 100%
+    }
+
+    body footer {
+      -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
+      width: 100%
+    }
+
+    h1,
+    h2,
+    h3,
+    p {
+      margin: 0
+    }
+
+    h1 {
+      font-family: var(--font-family--title);
+      font-size: 12vh;
+      line-height: 12vh;
+      color: var(--color-primary)
+    }
+
+    h3 {
+      display: inline-block;
+      background: -o-linear-gradient(315deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      background: linear-gradient(135deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      font-size: 5.6vh;
+      letter-spacing: var(--letter-spacing);
+      text-transform: uppercase
+    }
+
+    h3 a {
+      text-decoration: underline;
+      -webkit-text-decoration-color: var(--color-secondary--darken);
+      text-decoration-color: var(--color-secondary--darken)
+    }
+
+    h3.subtitle {
+      margin-top: .16em;
+      font-size: 4vh
+    }
+
+    h2,
+    strong {
+      display: inline-block;
+      background: -o-linear-gradient(315deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      background: linear-gradient(135deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      font-size: 7.2vh;
+      line-height: 7.2vh;
+      letter-spacing: var(--letter-spacing);
+      color: var(--color-secondary);
+      text-transform: uppercase
+    }
+
+    p {
+      margin-top: 5.6vh;
+      font-size: 5.6vh;
+      color: var(--color-primary)
+    }
+
+    .references {
+      margin: 2.4vh 0 4vh;
+      font-size: 4vh;
+      line-height: 1.5;
+      color: var(--color-primary);
+      word-spacing: var(--gap-l)
+    }
+
+    .preferences {
+      margin-top: 1.6vh;
+      font-size: 4vh;
+      line-height: 1.5;
+      color: var(--color-primary);
+      word-spacing: var(--gap-s)
+    }
+
+    .container {
+      width: 80%;
+      min-width: 1440px;
+      margin: 0 auto
+    }
+
+    @media only screen and (max-width:1440px) {
+      .container {
+        min-width: 1024px
+      }
+    }
+
+    @media only screen and (max-width:1360px) {
+      .container {
+        width: 100%;
+        min-width: 0;
+        padding: 0 var(--gap-xxl)
+      }
+    }
+
+    @media only screen and (max-width:425px) {
+      .container {
+        padding: 0 var(--gap-l)
+      }
+    }
+
+    .link {
+      font-family: var(--font-family--link);
+      font-size: 5.6vh;
+      color: var(--color-primary);
+      -webkit-transform: rotate(0) translateZ(0);
+      transform: rotate(0) translateZ(0);
+      -webkit-transition: -webkit-transform var(--trans-time) ease-in-out;
+      transition: -webkit-transform var(--trans-time) ease-in-out;
+      -o-transition: transform var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      -webkit-backface-visibility: hidden;
+      backface-visibility: hidden;
+      -webkit-font-smoothing: antialiased;
+      -webkit-text-decoration-color: var(--color-primary);
+      text-decoration-color: var(--color-primary)
+    }
+
+    .link:hover {
+      -webkit-transform: rotate(-5deg) translateZ(0);
+      transform: rotate(-5deg) translateZ(0);
+      -webkit-transition: -webkit-text-decoration-color var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      transition: -webkit-text-decoration-color var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      -o-transition: text-decoration-color var(--trans-time) ease-in-out, transform var(--trans-time) ease-in-out;
+      transition: text-decoration-color var(--trans-time) ease-in-out, transform var(--trans-time) ease-in-out;
+      transition: text-decoration-color var(--trans-time) ease-in-out, transform var(--trans-time) ease-in-out, -webkit-text-decoration-color var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      -webkit-text-decoration-color: var(--color-secondary);
+      text-decoration-color: var(--color-secondary)
+    }
+
+    @media only screen and (max-width:768px) {
+      .link:hover {
+        -webkit-transform: rotate(0);
+        -ms-transform: rotate(0);
+        transform: rotate(0)
+      }
+    }
+
+    .link--secondary {
+      display: inline-block;
+      background: -o-linear-gradient(315deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      background: linear-gradient(135deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      position: relative;
+      font-family: var(--font-family--text);
+      text-decoration: none
+    }
+
+    .link--secondary:after {
+      position: absolute;
+      top: 85%;
+      left: 50%;
+      display: block;
+      content: "";
+      width: 100%;
+      height: .09em;
+      background: -o-linear-gradient(315deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      background: linear-gradient(135deg, var(--color-secondary--darken) 15%, var(--color-secondary) 100%);
+      -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+      transform: translateX(-50%);
+      -webkit-backface-visibility: hidden;
+      backface-visibility: hidden
+    }
+
+    p .link {
+      font-size: 1em
+    }
+
+    section {
+      display: -ms-grid;
+      display: grid;
+      -webkit-box-align: center;
+      -ms-flex-align: center;
+      align-items: center;
+      min-height: 100vh
+    }
+
+    @media only screen and (max-width:768px) {
+      section {
+        padding: 3rem 0
+      }
+    }
+
+    .contact {
+      display: -ms-grid;
+      display: grid;
+      -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+      align-items: stretch;
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between;
+      grid-gap: 4vw;
+      -ms-grid-columns: 8fr 5fr;
+      grid-template-columns: 8fr 5fr
+    }
+
+    @media only screen and (max-width:1440px) {
+      .contact {
+        grid-gap: 8rem;
+        -ms-grid-columns: 1fr;
+        grid-template-columns: 1fr
+      }
+    }
+
+    .contact>div:first-of-type {
+      display: -webkit-box;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: start;
+      -ms-flex-align: start;
+      align-items: flex-start;
+      -webkit-box-pack: center;
+      -ms-flex-pack: center;
+      justify-content: center
+    }
+
+    .contact__social {
+      display: -ms-grid;
+      display: grid;
+      margin: 3.2vh 0 7.2vh 0;
+      grid-gap: var(--gap-l);
+      -ms-grid-columns: (minmax(3.2rem, 4vh))[5];
+      grid-template-columns: repeat(5, minmax(3.2rem, 4vh))
+    }
+
+    .contact__social>a {
+      position: relative;
+      display: block;
+      width: 4vh;
+      min-width: 3.2rem;
+      height: 4vh;
+      min-height: 3.2rem;
+      text-decoration: none
+    }
+
+    .contact__social>a:before {
+      position: absolute;
+      bottom: 0;
+      left: 50%;
+      display: block;
+      content: "";
+      width: 100%;
+      height: 100%;
+      background-color: var(--color-shadow);
+      border-radius: 50%;
+      -webkit-transform: translate(-50%, 50%) rotateX(75deg) scale(0, 0);
+      transform: translate(-50%, 50%) rotateX(75deg) scale(0, 0);
+      -webkit-transition: -webkit-transform var(--trans-time) ease-in-out;
+      transition: -webkit-transform var(--trans-time) ease-in-out;
+      -o-transition: transform var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      z-index: 5
+    }
+
+    .contact__social>a:hover:before {
+      -webkit-transform: translate(-50%, 50%) rotateX(75deg) scale(1, 1);
+      transform: translate(-50%, 50%) rotateX(75deg) scale(1, 1)
+    }
+
+    @media only screen and (max-width:768px) {
+      .contact__social>a:hover:before {
+        -webkit-transform: translate(-50%, 50%) rotateX(75deg) scale(0, 0);
+        transform: translate(-50%, 50%) rotateX(75deg) scale(0, 0)
+      }
+    }
+
+    .contact__social>a:hover>svg {
+      -webkit-transform: translateY(-20%);
+      -ms-transform: translateY(-20%);
+      transform: translateY(-20%);
+      fill: var(--color-secondary--darken)
+    }
+
+    @media only screen and (max-width:768px) {
+      .contact__social>a:hover>svg {
+        -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+        transform: translateY(0)
+      }
+    }
+
+    .contact__social svg {
+      width: 100%;
+      height: 100%;
+      -webkit-transform: translateY(0);
+      -ms-transform: translateY(0);
+      transform: translateY(0);
+      -webkit-transition: fill var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      transition: fill var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      -o-transition: transform var(--trans-time) ease-in-out, fill var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out, fill var(--trans-time) ease-in-out;
+      transition: transform var(--trans-time) ease-in-out, fill var(--trans-time) ease-in-out, -webkit-transform var(--trans-time) ease-in-out;
+      z-index: 10;
+      fill: var(--color-primary)
+    }
   </style>
   <style amp-boilerplate>
     body {
@@ -110,7 +548,7 @@
     </style>
   </noscript>
 
- 
+
   <script type="application/ld+json">
     {
       "@context": "http://www.schema.org",
@@ -197,13 +635,14 @@
       ]
   }
   </script>
-   <!--AMP Scripts-->
+  <!--AMP Scripts-->
   <script async src="https://cdn.ampproject.org/v0.js"></script>
   <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
 </head>
 
 <body>
-  <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-P74QFGP&gtm.url=SOURCE_URL" data-credentials="include"></amp-analytics>
+  <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-P74QFGP&gtm.url=SOURCE_URL"
+    data-credentials="include"></amp-analytics>
 
   <svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
@@ -252,10 +691,10 @@
         <div>
           <h1>Lukáš Chylík</h1>
           <strong>Creative frontend developer</strong>
-          <h3 class="subtitle">Co-founder of <a href="https://pantegysoftware.com/" target="_blank" rel="noopener" aria-label="Pantegy Software link">Pantegy Software</a></h3>
           <div class="contact__social">
-            <a href="https://twitter.com/lukas_chylik" target="_blank" aria-label="Twitter link" rel="noopener" title="Twitter profile">
-              <svg class="icon icon-twitter" >
+            <a href="https://twitter.com/lukas_chylik" target="_blank" aria-label="Twitter link" rel="noopener"
+              title="Twitter profile">
+              <svg class="icon icon-twitter">
                 <use xlink:href="#icon-twitter"></use>
               </svg>
             </a>
@@ -289,17 +728,19 @@ <h3>Focus on web</h3>
             <span>development, performance, accessibility,<br class="no-mobile"> UI-UX design, SEO and analytics</span>
           </div>
           <p>Contact me by <a class="link link--secondary" href="mailto:info@lukaschylik.sk">email</a> or
-            <a class="link link--secondary" href="tel:+420 721459889">phone</a></p>
+            <a class="link link--secondary" href="tel:+420 721459889">phone</a>
+          </p>
         </div>
         <div>
           <h2>My work</h2>
           <div class="references">
-            <a href="https://pantegysoftware.com/" class="link" target="_blank" rel="noopener"
-              class="link">pantegysoftware.com</a>
             <a href="https://www.krossbau.cz/" class="link" target="_blank" rel="noopener" class="link">krossbau.cz</a>
             <a href="https://brand-design.cz/" class="link" target="_blank" rel="noopener"
               class="link">brand-design.cz</a>
+            <a href="https://thelucie.ink/" class="link" target="_blank" rel="noopener" class="link">thelucie.ink</a>
             <a href="https://ivpaokna.sk/" class="link" target="_blank" rel="noopener" class="link">ivpaokna.sk</a>
+            <a href="https://ivpabau.de/" class="link" target="_blank" rel="noopener" class="link">ivpabau.de</a>
+            <a href="https://anewstyle.cz/" class="link" target="_blank" rel="noopener" class="link">anewstyle.cz</a>
             <a href="https://filtrenamlieko.sk/" class="link" target="_blank" rel="noopener"
               class="link">filtrenamlieko.sk</a>
           </div>
diff --git a/lukaschylik.code-workspace b/lukaschylik.code-workspace
new file mode 100644
index 0000000..876a149
--- /dev/null
+++ b/lukaschylik.code-workspace
@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}
\ No newline at end of file
diff --git a/package.json b/package.json
index bd080ba..76333d0 100644
--- a/package.json
+++ b/package.json
@@ -51,4 +51,4 @@
     "watch:scss": "npm run bundle:css & watch \"npm run bundle:css\" Resources/Stylesheets/SCSS",
     "watch:ts": "npm run compile:ts -- -w && npm run bundle:js"
   }
-}
+}
\ No newline at end of file