web-jbeyerstedt/assets/scss/templates/home.scss

/* STYLE for jannikbeyerstedt.de
 * for specific template
 */
@import "../mainvariables";

@font-face {
  src: url("../../fonts/boon_logo-300.woff") format("woff");
  font-family: "Boon-Logo";
  font-style: normal;
  font-weight: 300;
}

@font-face {
  src: url("../../fonts/boon_logo-400.woff") format("woff");
  font-family: "Boon-Logo";
  font-style: normal;
  font-weight: 400;
}


main {
  padding-top: 14vh;

  div.home {
    text-align: center;

    div.logo {
      font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
      font-size: 24.5px;
      line-height: 1.2em;
      font-weight: 300;

      width: 11em; // more than needed, because of fallback fonts
      margin: 0 auto;

      span {
        color: $color_accent;
        font-weight: 400;
        &.firstname {
          padding-left: 0.1em;
          padding-right: 0.56em;
        }
        &.surname {
          letter-spacing: -0.036em;
        }
      }

    }

    p {
      margin-top: 0.5em;
      font-size: 14px;
      letter-spacing: -0.01em;
    }

  }
}

@include media-breakpoint-down(xs) {
  main {
    padding-top: 10vh;
  }
}