@import '../theme.less';

.headerContent {
  background-image: url("../../../../assets/bigscreen/head.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
  font-size: @font-title-main;
  position: relative;

  .headerContentTitle {
    line-height: 200px;
    font-size: @font-title-main;
    font-weight: bold;
    color: #00c6ff;
    text-shadow: 0 2px 8px rgba(0, 198, 255, 0.3);
  }

  .headerContentTime {
    position: absolute;
    bottom: 0px;
    right: 100px;
    font-size: @font-title-sub;
    background: linear-gradient(90deg, #00c6ff, #0072ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}