/* zalando-sans-semiexpanded-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zalando Sans SemiExpanded';
  font-style: normal;
  font-weight: 400;
  src: url('zalando.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* syne-mono-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Syne Mono';
  font-style: normal;
  font-weight: 400;
  src: url('syne-mono-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ballet';
  font-style: normal;
  font-weight: 400;
  src: url('ballet-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



.ballet {
    position: absolute;
    font-family: 'Ballet';
    font-size: 69pc;
    opacity: 3%;
    padding-left: 57%;
}

.ballet2 {
    position: absolute;
    z-index:100;
    font-family: 'Ballet';
    font-size: 69px;
    opacity: 24%;
    padding-top: 0;
    padding-left: 4%;
}

body {
  background-color: #efe9e6;
  color: #030702;
}

p {
    width: 27%;
    padding-left: 34%;
    padding-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 32px;
}

h1 {
    font-family: 'Syne Mono';
    position: absolute;
    font-size: 57px;
    padding-left: 6%;
    padding-top: 27px;
}

.htop {
  font-family: 'Zalando Sans SemiExpanded';
  padding-left: 24%;
  padding-top: 60px;
}


h2 {
  font-family: 'Zalando Sans SemiExpanded';
  padding-left: 24%;
  padding-top: 30px;
}


.time {
    font-size: 77%;
    font-family: Arial, Helvetica, sans-serif;
    padding-left: 24%;
}