/* @font-face {
  font-family: nsBlack;
  src:url('../font/NotoSerifCJKsc-Black.otf')
}
@font-face {
  font-family: nsBold;
  src:url('../font/NotoSerifCJKsc-Bold.otf')
} */
/* @font-face {
  font-family: nsExtraLight;
  src:url('../font/NotoSerifCJKsc-ExtraLight.otf')
} */
@font-face {
  font-family: nsLight;
  src:url('../font/NotoSerifCJKsc-Light.otf')
}
/* @font-face {
  font-family: nsMedium;
  src:url('../font/NotoSerifCJKsc-Medium.otf')
}
@font-face {
  font-family: nsRegular;
  src:url('../font/NotoSerifCJKsc-Regular.otf')
}
@font-face {
  font-family: nsSemiBold;
  src:url('../font/NotoSerifCJKsc-SemiBold.otf')
} */




@media all
and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
    (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
    (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
    :root {
        font-size: 14px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
    (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
    (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
    :root {
        font-size: 13px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
    (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
    (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
    :root {
        font-size: 12px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
    (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
    (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
    :root {
        font-size: 10px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
    (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
    (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
    :root {
        font-size: 9px;
    }
}
@media all
and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
    (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
    (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
    :root {
        font-size: 8px;
    }
}
*{
  margin: 0;
  padding: 0;
}
body{
  font-family: Arial, Helvetica, sans-serif;
}
#canvas{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
}
.logo,.menu{
  position: absolute;
  top: 3%;
  cursor: pointer;
  z-index: 2;
}
.logo{
  left: 3%;
  height: 5vh;
}
.menu{
  right: 3%;height: 2.7vh;top: 3.6%;
}
.btn{
  font-family: nsLight;
}