/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body,
html {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

body {
  background-color: #191919;
  margin: 0;
  font-family: 'Roboto', Arial, sans-serif;
}

p, a {
  font-family: 'Roboto', Arial, sans-serif;
}

.logo {
  position: absolute;
  top: 30px;
  left: 3vw;
  width: 301px;
  height: 77px;
  background: url('/assets/img/logo_rftbar.png') no-repeat;
  z-index: 5;
}
.notice {
  position: absolute;
  top : 110px;
  left : 3vw;
  color: white;
  z-index: 1;
}

.notice a{
    color: white;
}


/*slider styles*/
.rftslider {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  /*mix-blend-mode: hard-light;*/
  opacity: 0.85;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  /*transform-origin : 50vw 300vh;*/
  transform-origin: 50% 50%;
}

canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

nav {
  position: absolute;
  bottom: 3vw;
  right: 4vw;
  z-index: 1;
}

nav a {
  color: white;
  text-decoration: none;
  margin-right: 14px;
}