.data-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr (3)[2fr];
  grid-template-columns: 1fr repeat(2fr, 3); }

.year-1 {
  -ms-grid-column: 2;
  grid-column: 2; }

.year {
  font-weight: 900;
  font-size: 27px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #E6E9ED; }

.title {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  margin: 40px 0 16px 0; }

.item {
  -ms-grid-column-align: center;
      justify-self: center; }
  .item-1 {
    -ms-grid-column: 2;
    grid-column: 2; }
  .item-2 {
    -ms-grid-column: 3;
    grid-column: 3; }
  .item-3 {
    -ms-grid-column: 4;
    grid-column: 4; }

.bar {
  -webkit-animation: animation 2s ease-in-out;
          animation: animation 2s ease-in-out;
  -webkit-transform-origin: bottom;
          transform-origin: bottom; }

@-webkit-keyframes animation {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }

@keyframes animation {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0); }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); } }