.blog_top_bar_text strong{font-weight: 800}
.blog_top_bar{position: relative;height: 70px;width: 100%;padding: 0;top:0;transition: all ease-in-out 0.5ms;}
.blog_top_bar_text{position: relative;height: 70px;width: 100%;padding: 0 5%;top:0;transition: all ease-in-out 0.5ms;}
.top_bar_container {height: 100%}
.blog_top_bar_inner{display:flex;height:100%;align-items: center}
.blog_top_bar_right{flex:0 0 50%}
.blog_top_bar_right span{font-size: 16px;font-weight: 600}
.blog_top_bar_left{flex: 0 0 50%;text-align: left;}
.blog_top_bar_close{position: absolute;right: 20px;top: 10px;z-index: 999;padding: 5px;text-align: center;border: none!important;cursor: pointer;text-shadow: 0 2px 15px rgb(0 0 0 / 52%);font-size: 20px;z-index: 999;}
.clockBackground {margin: 0 100px;position: absolute;left: 10%;top: 5px;}
#clockdiv {color: #ffffff;display: inline-block;font-weight: 100;text-align: center;}
#clockdiv > div {display: inline-block;}
#clockdiv div > span {margin: 0px 5px;border-radius: 3px;display: inline-block;font-size:20px;color: #333232;background-color: #fff;width: 30px;height: 30px;}
.smalltext {font-size: 14px;}
.blog_top_bar_image{width: 100%;height:100%;display:flex;justify-content: center;overflow: hidden;position: relative;}
.blog_top_bar_image img{    position: absolute;height: 100%;max-width: fit-content;}
.blog_top_bar_btn{padding: 5px 20px;border-radius: 4px;}