:root {
  --main-bg-color : #C64A1D;
  --main-text-color : #FFFEF9;
  --sub-text-color : #3D3936;
}

body {
  background-color: var(--main-bg-color) !important;
  color : var(--main-text-color);
}

/* 汎用テキストスタイル */

.text-vertical {
  writing-mode: vertical-rl;
}

/* 汎用ボックススタイル */
.rounded {
  border-radius : 1rem !important;
}
.bg-light {
  background-color : var(--main-text-color) !important;
  color : var(--sub-text-color);
}

/* fade-in エフェクト */
#root .fade-in {
  opacity : 0 !important;
  transition : opacity 2s;
}
#root .fade-in.is-view {
  opacity : 1 !important;
}