@font-face {
    font-family: "FNB Sans-Bold";
    src: url("./fonts/FNB\ Sans-Bold.otf");
    font-style: normal;
    line-height: normal;
}

@font-face {
    font-family: "FNB Sans-Regular";
    src: url("./fonts/FNB\ Sans-Regular.otf");
    font-style: normal;
    line-height: normal;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {
    width: 1920px;
    height: 1080px;
    background-color: #dadada;
}

.main-content{
  position: absolute;
  width: 100%; 
  height: 100%;
  width: 1920px;
  height: 150px;
  overflow: hidden;
    background-image:url("../assets/BG.jpg");

}

/*==========================
      Cuenta Regresiva
==========================*/

.countdown{
    position:absolute;
    top: 54px;
    left: 1252px;
    display:flex;
    align-items:center;
    gap: 3px;
    /* color: yellow; */
}

.time-box{
    display:flex;
    justify-content:center;
    align-items:center;
    color: #00A870;
}

.time-box span{
    font-family: system-ui;
    color: #00A870;
    font-size: 37px;
    font-weight:bold;
    /* line-height:90px; */
}

.separator{
    font-family:"HOUR";
    color: #00A870;
    font-size: 28px;
    font-weight:bold;
    margin-top:-8px;
}