@font-face {
      font-family: 'Belgrad';
      src:         url('../fonts/subset-Belgrad-Bold.eot');
      src:         url('../fonts/subset-Belgrad-Bold.eot?#iefix') format('embedded-opentype'),
                   url('../fonts/subset-Belgrad-Bold.woff2') format('woff2'),
                   url('../fonts/subset-Belgrad-Bold.woff') format('woff'),
                   url('../fonts/subset-Belgrad-Bold.ttf') format('truetype');
      font-weight: bold;
      font-style:  normal;
}

@font-face {
      font-family: 'm_1m';
      src:         url('../fonts/mplus-1m-bold-webfont.woff') format('woff');
      font-weight: bold;
      font-style:  normal;
}

@font-face {
      font-family: 'm_1m';
      src:         url('../fonts/mplus-1m-regular-webfont.woff') format('woff');
      font-weight: normal;
      font-style:  normal;
}

body, html {
      height:    100vh;
      margin:    0;
      font-size: 16px;
      color:     black;
}

section.sheets {
      min-height:      100%;
      display:         flex;
      align-items:     center;
      flex-direction:  column;
      justify-content: space-around;
}

a.sheet__link {
      font-family:     'Belgrad';
      text-transform:  uppercase;
      text-decoration: none;
      display:         block;
      margin:          0 auto;
      color:           inherit;
      font-size:       6vw;
      padding:         2vh 2vw;
}