#lockscreen{color:#a9c938;font-size:12em;text-align:center;display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}#clock{position:fixed;width:800px;top:40%;left:50%;transform:translate(-50%,-50%)}#time span{display:inline-block;text-align:center;position:relative;width:240px;margin:0 10px}#time span:before{color:rgba(255,255,255,.2);content:":";position:absolute;left:-20px}#lockscreen span:first-child:before{content:""}#date{font-size:26px;color:#fff}