@import 'font.css';
@import 'icon.css';
@import 'reset.css';
@import 'theme.css';
@import '../../src/style/animation/index.css';
@import '../../src/style/animation/index.css';
@import '../../src/style/comp/index.css';
@import '../../src/style/layout/index.css';
@import '../../src/style/util/index.css';

::-webkit-scrollbar {
  display: none;
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 5px;
  background: #ccc;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #aaa;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:active {
  background: #666;
  background-clip: content-box;
}

html {
  height: 100%;
  font-size: 13px;
  font-family: 'Roboto', arial, Helvetica, sans-serif;
  background: #fcfcfc;
}

@media all and (min-width: 500px) {
  html {
    font-size: 14px;
  }
}

@media all and (min-width: 950px) {
  html {
    font-size: 15px;
  }
}

@media all and (min-width: 1400px) {
  html {
    /* font-size: 16px; */
  }
}

body {
  height: 100%;
  transition: .4s;
}