@font-face {
    font-family: 'din-medium';
    src: url(<%= asset_path 'Fonts/din.eot' %>);
    src: url(<%= asset_path 'Fonts/din.eot?#iefix' %>) format('embedded-opentype'),
         url(<%= asset_path 'Fonts/din.woff' %>) format('woff'),
         url(<%= asset_path 'Fonts/din.ttf' %>) format('truetype'),
         url(<%= asset_path 'Fonts/din.svg#din-medium' %>) format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din-regular';
    src: url(<%= asset_path 'Fonts/din-reg.eot' %>);
    src: url(<%= asset_path 'Fonts/din-reg.eot?#iefix' %>) format('embedded-opentype'),
         url(<%= asset_path 'Fonts/din-reg.woff' %>) format('woff'),
         url(<%= asset_path 'Fonts/din-reg.ttf' %>) format('truetype'),
         url(<%= asset_path 'Fonts/din-reg.svg#din-reg' %>) format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  margin: 0;
  background-color: #F7F8F9;
}

#homepage {
  .particles {
    position: fixed;
    opacity: 0.7;
    width: 100vw;
    height: 100vh;
  }
}