/*==========================
    Font
==========================*/

@font-face{
    font-family:"BTitr";
    src:url("assets/fonts/B Titr Bold.ttf");
}

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

html,
body{

    width:100%;
    height:100%;

    overflow:hidden;

    direction:rtl;

    background:#000;

    font-family:"BTitr";

}

#board{

    position:fixed;

    inset:0;

    width:100vw;

    height:100vh;

    background:url("assets/background.png") no-repeat center center;

    background-size:100% 100%;

}

/*==========================
    Text
==========================*/

#shopTitle,
#clock,
#day,
#date,
#boardSignature,
#boardPhone,
.priceValue{

    position:absolute;

    white-space:nowrap;

    user-select:none;

}

/*==========================
    Header
==========================*/

#shopTitle{

    left:933px;

    top:2px;

    color:#FFD700;

    font-size:40px;

    text-shadow:2px 2px 3px rgba(0,0,0,.45);

}

#clock{

    left:306px;

    top:77px;

    color:#fff;

    font-size:28px;

}

#day{

    left:198px;

    top:77px;

    color:#fff;

    font-size:28px;

}

#date{

    left:39.133px;

    top:77px;

    color:#fff;

    font-size:28px;

}
/*==========================
    Footer
==========================*/

#boardSignature{

    left:110.95px;

    top:578px;

    color:#ffffff;

    font-size:16px;

}

#boardPhone{

    left:127px;

    top:597px;

    color:#ffffff;

    font-size:16px;

}

/*==========================
    Price Style
==========================*/

.priceValue{

    color:#151515;

    font-size:52px;

    line-height:1;

    text-align:center;

}

/*==========================
    Row 1
==========================*/

#gold18Value{

    left:988.25px;

    top:188px;

}

#buyValue{

    left:549.9px;

    top:188px;

}

#replaceValue{

    left:100.383px;

    top:188px;

}
/*==========================
    Row 2
==========================*/

#emamiValue{

    left:1007px;

    top:342px;

}

#nimValue{

    left:576.345px;

    top:342px;

}

#robValue{

    left:115.35px;

    top:342px;

}

/*==========================
    Row 3
==========================*/

#onsValue{

    left:1031.57px;

    top:479px;

}

#mesghalValue{

    left:567.217px;

    top:479px;

}

#dollarValue{

    left:176.85px;

    top:473px;

}
/*==========================
    Hover
==========================*/

.priceValue:hover{

    filter:brightness(1.05);

}

/*==========================
    Prevent Selection
==========================*/

body,
#board{

    -webkit-user-select:none;

    -moz-user-select:none;

    -ms-user-select:none;

    user-select:none;

}

/*==========================
    End
==========================*/

#shopTitle,
#clock,
#day,
#date,
#boardSignature,
#boardPhone,
#gold18Value,
#buyValue,
#replaceValue,
#emamiValue,
#nimValue,
#robValue,
#onsValue,
#mesghalValue,
#dollarValue{

    position:absolute;

    z-index:100;

}