/*Font for hour*/
@font-face {
  font-family: "HOUR";
  src: url("./fonts/FFClanProMediumIt.TTF");
  font-style: normal;
  line-height: normal;
}

/*Font for date*/
@font-face {
  font-family: "DATE";
  src: url("./fonts/AcuminVariableConcept.otf");
  font-style: normal;
  line-height: normal;
}

/*Body properties*/
body {
  margin: 0;
  padding: 0;
  width: 1920px;
  height: 265px;
  overflow: hidden;
  background-image: url("../assets/background.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.main-content{
  position: absolute;
  width: 100%; 
  height: 100%;
  width: 1920px;
  height: 265px;
  overflow: hidden;
}

p.hour{
  position: absolute;
  top: 10px;
  left: 1320px;
  text-align: right; 
  color: #fff;
  font-family: "HOUR";
  font-weight: bold;
  font-size: 60px;
  height: 85px;
  width: 350px;
  overflow: hidden;
}

p.date{
  position: absolute;
  top: 95px;
  left: 1295px;
  text-align: right; 
  color: #fff;
  font-family: "DATE";
  font-style: italic;
  font-size: 55px;
  height: 146px;
  width: 370px;

}