body {padding: 0; margin: 0;background: #f5f5f5;overflow: hidden;position: relative;width: 100vw;height: 100vh;}
.flex-center {display: flex;justify-content: center;align-items: center;flex-direction: row;}
.d-text {color: #f5f5f5;font-size: 16px;}
#hour, #minute, #second {width: 140px;display: inline-block;text-align: center;}
.date-info {background-color: #fff;border-radius: 10px;opacity: 0.6;width: 250px;height: 80px;margin: 0 auto;}
#week {font-size: 16px;color: red;;display: inline-block}
#day {font-size: 15px;color: #666;;display: inline-block}
#curDay {font-size: 22px;color: red;;display: inline-block;margin-bottom: 4px;font-weight: bold;}
#date {font-size: 16px;margin-bottom: 6px;display: inline-block}
#weather {margin-top: 20px;font-size: 18px;color: #f5f5f5;}
.time {font-family: 'mind-demi-bold';font-size: 20px;display: inline-block;font-size: 120px;display: none;margin-bottom: 10px;}
.line {width: 40px;height: 1px;background-color: #f5f5f5;display: inline-block;margin: 0 10px;opacity: 0.65;}
video {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;z-index: 99;}
.container {position: absolute;width: 100%;height: 100%;top: 50vh;left: 0;right: 0;bottom: 0;z-index: 100;background-color: transparent;margin: auto;}
.container-col {position: relative;width: 100%;height: 100%;text-align: center;display: flex;flex-direction: column;height: 55vh;}
.container-bottom {width: 100%;text-align: center;}
.img-left {width: 20px;height: 20px;transform: rotate(180deg);}
.img-right {width: 20px;height: 20px;}