/*Font for title*/
@font-face {
  font-family: "TITLE";
  src: url("./fonts/Roboto-Medium.ttf");
  font-style: normal;
  line-height: normal;
}

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

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

.time, .time_2 {
  font-family: "TITLE";
  left: 1110px; 
  line-height: normal;
  font-style: normal;
}

.time{
  position: absolute; 
  top: 5px; 
  color: #194495;
  font-size: 45px;
  font-weight: 900;
  width: 187px;
  height: 76px;
}

.time_2{
  position: absolute; 
  top: 65px; 
  color: #2FB9D1;
  font-size: 30px;
  font-weight: 400;
  width: 187px;
  height: 76px;
}

.day, .month, .year {
  font-family: "TITLE";
  left: 1370px; 
  line-height: normal;
  font-style: normal;
}

.day{
  position: absolute; 
  top: -5px; 
  color: #194495;
  font-size: 45px;
  font-weight: 900;
  width: 187px;
  height: 76px;
}

.month{
  position: absolute; 
  top: 55px; 
  color: #194495;
  font-size: 30px;
  font-weight: 400;
  width: 187px;
  height: 76px;
}

.year{
  position: absolute; 
  top: 85px; 
  color: #2FB9D1;
  font-size: 30px;
  font-weight: 400;
  width: 187px;
  height: 76px;
}