#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.employee-txt{width:80%;margin:auto;display:flex;flex-direction:column}.employee-txt>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.company-block{display:flex;align-items:center}.company-block img{height:7vw}.company-block .company-name{font-size:2vw;font-weight:700}.page-status,.time-status,.total-status{font-size:1.8vw}.employee-record{margin-top:auto!important;margin-bottom:auto!important;height:calc(100% - 7vw)}.employee-info{display:flex;flex-direction:column;justify-content:space-between;height:calc(50% - 1.75vw);font-size:1vw}.employee-info .employee-image{overflow:hidden;width:80%;aspect-ratio:241/329;display:flex;justify-content:center;margin:auto}.employee-info .employee-image img{width:100%;max-width:16vw;-o-object-fit:cover;object-fit:cover}.employee-info .work-status{padding:1% 2%;border-radius:5px;color:#fff;font-size:1.3vw;margin:auto}