.main-frame header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem;background:#212529;box-sizing:border-box}.main-frame header .left-title{color:#fff;font-size:1rem;font-weight:700}.main-frame header .right-title{color:#fff;font-size:.8rem;font-weight:700;float:right}.main-frame header .right-title .presen-name{color:#eccd1e}@media screen and (max-width:480px){.main-frame header .right-title{display:grid}}.main-frame .viewer-frame{display:flex;position:relative;justify-content:center;width:100%;height:calc(100vh - 5.8rem)}@media screen and (max-width:480px){.main-frame .viewer-frame{height:calc(100vh - 6.8rem)}}.photo-frame{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.photo-frame img{max-width:calc(100% - 10rem);max-height:calc(100% - 10rem);z-index:9999;cursor:pointer;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.photo-frame img:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}.photo-frame iframe{background:#000;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);width:calc(100% - 20rem);height:calc(100% - 10rem);z-index:9999}@media screen and (max-width:480px){.photo-frame iframe{width:calc(100% - 8rem);height:calc(100% - 20rem)}}.navigator{display:flex;position:absolute;justify-content:space-between;align-items:center;width:95%;height:100%}.navigator .arrow{font-size:3rem;color:#fff;border-radius:50%;cursor:pointer}.navigator .arrow:hover{background:rgba(0,0,0,.25)}.navigator .arrow:active{background:rgba(0,0,0,.5)}.footer{width:100%;padding:.5rem;background:#000;color:#fff;box-sizing:border-box;justify-content:center}.footer,.footer .logo-contents{display:flex;align-items:center}.footer .logo-contents{cursor:pointer}.footer .logo-contents .footer-comment{font-size:.8rem}.footer .logo-contents .logo-git{font-size:1.5rem;margin-left:.5rem}body{width:100%;height:100%;margin:0;background:#343a40;box-sizing:border-box}
/*# sourceMappingURL=main.edebd007.chunk.css.map */