.my-app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-top: 54px;
}
.my-content {
  flex: 1;
}
.main-container {
  width: 1024px;
  margin: 0 auto;
  max-width: 90%;
}
.text-double-line {
  word-break: break-all;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 768px) {
  .my-app {
    padding-top: 60px;
  }
  .main-container {
    width: 100%;
    max-width: 100%;
  }
}