@import './markdown.css';

html,
body,
#app {
  height: 100%;
  margin: 0;
  padding: 0;
}

html{
  @apply bg-gray-100;
}

html.dark {
  background: #121212;
}

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  @apply bg-fly-500 opacity-75;

  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

.btn {
  @apply px-4 py-1 rounded inline-block
    bg-fly-600 text-white cursor-pointer
    hover:bg-fly-700
    disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50;
}

.icon-btn {
  @apply inline-block cursor-pointer select-none
    opacity-75 transition duration-200 ease-in-out
    hover:opacity-100 hover:text-fly-600;
  font-size: 0.9em;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.list-enter-active,
.list-leave-active {
  transition: all 1s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('/assets/fonts/titillium-web-v10-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-200.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-200italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: url('/assets/fonts/titillium-web-v10-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('/assets/fonts/titillium-web-v10-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: url('/assets/fonts/titillium-web-v10-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/titillium-web-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: url('/assets/fonts/titillium-web-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/titillium-web-v10-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: url('/assets/fonts/titillium-web-v10-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/titillium-web-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700italic - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: url('/assets/fonts/titillium-web-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('/assets/fonts/titillium-web-v10-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/assets/fonts/titillium-web-v10-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/titillium-web-v10-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-900.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/titillium-web-v10-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/titillium-web-v10-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

