.danfo,.tip-body,.tip-close{display:inline-block}img.company-img,img.title-logo{-webkit-filter:grayscale(100%)}body{font-family:Quicksand,sans-serif;min-width:18000px;background:#fff;color:#999;overflow-x:auto;overflow-y:hidden;padding-top:80px;margin-left:0}.danfo svg{position:fixed;width:130px;height:110px}.danfo{z-index:1997;position:fixed;top:50vh;left:calc(50vw - 84px)}.tip-body{background:0 0;padding:14px 6px 12px;margin-top:12px;border-radius:4px;color:#999;width:250px}.tip-close{cursor:pointer;border-radius:10px;padding:1px 4px!important;top:-36px;font-size:8px;position:relative;left:268px;background:#eee}.danfo-black,.tip{border-radius:4px}.message,.tip{text-align:center;display:block}.tip{z-index:2001;position:absolute;top:calc(50vh + 120px)!important;width:100%}small{color:#c3bdbd}.danfo-yellow{color:#ffcb00}.danfo-black{padding:4px;background:#ededed;color:#888!important;margin:2px}.logo img{height:40px;padding:16px}.scenery{position:relative;top:calc(50vh + -3px);height:1px;background:#eee}.tree img{z-index:1000;position:relative;width:34px;top:-80px}.tree img:nth-of-type(1){left:56px}.tree img:nth-of-type(2){width:44px;left:calc(50vw + 59px);top:-59px;z-index:2000}.tree img:nth-of-type(3){left:calc(75vw - 40px)}.message{position:fixed;width:100%;font-size:18px;z-index:3000}p.title{font-size:20px;font-weight:100;color:#bfbdbd}.message-body,.tip-body{font-size:16px}.emp{color:#909090;font-weight:700}.skyline{opacity:.5;position:fixed;background:url(../images/skyline1.svg) center;height:300px;width:400vw;top:calc(50vh - 214px);background-size:auto 100%}.landmark,.landmark-ground,.skyline-closer{position:absolute}.skyline-closer{background:url(../images/skyline2.svg) center;height:40px;width:100%;top:-38px;background-size:auto 100%;z-index:1000}.nationaltheatre{opacity:.7;top:-256px;left:calc(100vw + 200px);background:url(../images/nationaltheatre.svg) no-repeat;width:409px;height:256px;background-size:auto 100%;z-index:999}.linkbridge-l{top:-352px!important;height:360px!important;opacity:.7;left:calc(100vw + 5711px);background:url(../images/linkbridge-L.svg) no-repeat;width:718px;background-size:auto 100%;z-index:1998}.linkbridge-r{top:-338px!important;opacity:.7;left:calc(100vw + 5800px);background:url(../images/linkbridge-R.svg) no-repeat;width:678px;height:256px;background-size:auto 100%;z-index:1000}.danfo svg{z-index:1001!important}::-webkit-scrollbar{width:0!important}.logo{z-index:3000;top:4px;position:fixed}.tip-body{opacity:.8}.location,.role-period{font-size:12px}.mmia{opacity:.7;top:-227px;left:240px;background:url(../images/mmia.svg) no-repeat;width:409px;height:280px;background-size:auto 100%;z-index:1000}@keyframes diagonal-slide{0%{left:-24px;top:50vh}100%{left:100vw;top:-40}}.airplane svg{height:36px}.airplane{top:50vh;left:-24px;position:absolute;z-index:1;-webkit-animation:diagonal-slide infinite 20s;animation:diagonal-slide infinite 20s;width:10px;height:10px}.little-buildings{z-index:1001;background:url(../images/closestbuildings.svg) center;height:80px;position:absolute;width:100%;top:-79px;background-size:auto 100%}.cloud img{animation-name:clouding;animation-duration:100s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:.5;height:120px;position:fixed;top:calc(50vh - 300px);left:180px;z-index:10000}.cloud:first-child img{opacity:.5;top:calc(50vh - 400px);left:0}.cloud:nth-child(2) img{display:none;top:calc(50vh - 240px);left:calc(20vw)}.cloud:nth-child(3) img{opacity:.4;top:calc(50vh - 360px);left:calc(40vw)}.cloud:nth-child(4) img{display:none;top:calc(50vh - 290px);left:calc(60vw)}.cloud:nth-child(5) img{opacity:.3;top:calc(50vh - 240px);left:calc(60vw)}@keyframes clouding{from,to{transform:translate(0,0)}65%{transform:translate(1000px,15px)}}.landmark-ground{opacity:1;height:340px;top:-333px}@media screen and (max-width:992px){.nationaltheatre{top:-222px;height:220px}.danfo{top:calc(50vh - 20px)}.danfo svg{position:fixed;width:99px;height:90px}.skyline{height:210px;top:calc(50vh - 160px)}.scenery{top:calc(50vh + -40px)}.mmia{top:-179px;height:220px}}@keyframes blinker{50%{opacity:0}}span.arrows img{animation:blinker 1s linear infinite;height:16px}.resume{display:block;width:100vw;text-align:center!important;position:fixed}.loading-bar,p.resume-title:empty{display:none}.resume-body,.work,p.resume-title{text-align:left}.resume-body{overflow-y:scroll;max-height:calc(50vh - 98px);max-width:600px;min-width:256px;padding:16px;margin:-10px auto 0;width:max-content;background:#f6f6f6;border-radius:8px}p.resume-title{margin:0 0 12px;font-weight:700;color:grey}.loading-bar{background:#eee;height:2px;margin-top:-4px;margin-bottom:16px}.filler{background:#d8d8d9;width:42%;height:100%}.recommender,.role{font-weight:600;margin:8px 0 4px}img.company-img{width:24px;filter:grayscale(100%)}.company-details{display:inline-block;margin-left:16px}img.wide-logo{width:72px!important}.role-period{margin-bottom:4px}img.title-logo{height:16px;filter:grayscale(100%)}.social img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:24px;margin-right:16px}@media screen and (max-width:1024px){.resume-body{margin-top:-32px}}@media screen and (max-width:600px){.resume-body{max-width:80%;margin-top:-40px}}@media screen and (max-width:425px){.title{font-size:16px!important}@keyframes diagonal-slide{0%{left:-90px;top:calc(50vh - 40px)}100%{left:100vw;top:-40}}.airplane svg{height:24px}.airplane{top:50vh;left:-2px}.scenery{top:calc(50vh + -98px)}.logo img{height:30px}.skyline{height:108px}.danfo{left:calc(50vw - 36px)}.cloud img{height:80px}.mmia{opacity:.7;top:-146px;left:240px;background:url(../images/mmia.svg) no-repeat;width:398px;height:180px;background-size:auto 100%;z-index:1000}.danfo svg{position:fixed;width:64px;height:43px}.danfo{top:calc(50vh + -45px)}.tree img:nth-of-type(2){width:30px;left:calc(50vw + 59px);top:-44px;z-index:2000}.tree img{width:28px;top:-53px}.nationaltheatre{top:-216px;left:2000px;width:409px;height:216px}.skyline{top:calc(50vh - 126px);background-size:auto 100%;background-position:center}}