@font-face {
  font-family: WorkSans;
  src: url(static/fonts/WorkSans-Regular.ttf);
}
@font-face {
  font-family: WorkSansSemiBold;
  src: url(static/fonts/WorkSans-SemiBold.ttf);
}

@font-face {
  font-family: WorkSansMedium;
  src: url(static/fonts/WorkSans-Medium.ttf);
}

@font-face {
  font-family: WorkSansBold;
  src: url(static/fonts/WorkSans-Bold.ttf);
}

body {
  background-color: rgb(248, 248, 248);
}
.container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;

  height: 95vh;
}

.child {
  font-family: WorkSansBold;
  font-size: 15px;
  margin-left: 0px;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #464646;
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1)
    both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) both;
}

.tracking-in-expand {
}

@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}