@font-face{font-family:electronicFont;src:url(../fonts/DS-DIGIT.223f2246.TTF)}.lockPanel{position:absolute;z-index:999;display:block;margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--lockBg)}.stu-lock{-webkit-animation:fadein 2s;animation:fadein 2s;display:block}.stu-unlock{-webkit-animation:fadeout 2s;animation:fadeout 2s;visibility:hidden;opacity:0;height:0;overflow:hidden;transition:opacity 1.5s ease-out,visibility 1.5s ease-out,height 1.5s ease-out}@-webkit-keyframes fadeout{0%{opacity:1;display:block;top:0}to{opacity:0;display:none;top:-100vh}}@keyframes fadeout{0%{opacity:1;display:block;top:0}to{opacity:0;display:none;top:-100vh}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.contentBox{margin:0 auto;padding-top:200px;width:60%;width:80%}.timeBox{padding-bottom:40px;text-shadow:#272727 0 0 20px;background:hsla(0,0%,73.3%,.13);z-index:2;border-radius:40px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);justify-content:center;align-items:center;transition:all 0s;overflow:hidden}.timeBox .time{text-align:center;font-size:150px;font-size:200px;font-family:electronicFont;color:var(--timeTextColor)}.bottomBox{width:100%;text-align:center;font-size:32px}.bottomBox,.bottomBox .dateBox{display:inline-block}.bottomBox .weatherBox{margin-left:30px;display:inline-block}.bottomBox .weatherBox .weatherIcon{width:32px;height:32px}