#app{width:100vw;height:100vh;overflow:hidden;background-color:#ffedcc}.headline{text-align:center;font-size:2rem;line-height:5rem;color:#161823}.spacer{flex-grow:1}.link{color:#ffb101;text-decoration:none}.link:hover{text-decoration:underline}.home{width:100vw;height:100vh;overflow:auto;background-color:#ffedcc}.home .home-head{display:flex;align-items:center;width:90%;margin:auto;padding:10px}.home .home-head .home-head-info{flex-grow:1;display:flex;align-items:center}.home .home-head .home-head-info .home-head-info-name{padding:10px;flex-grow:1}.home .home-body{width:90%;margin:auto;transition:.5s ease}.home .home-body:active{transform:scale(.98)}.home .home-body .home-item{width:320px;height:200px;background-color:#2bcaff;background-size:cover;background-position:center;margin:10px auto;border-radius:10px;font-size:2rem;padding:20px;box-sizing:border-box;color:#161823;line-height:5rem;position:relative;overflow:hidden;cursor:pointer;transition:.3s ease;user-select:none}.home .home-body .home-item:active{transform:scale(.8)}.home .home-body .home-item:after{content:"";bottom:20px;transform:translate(-100%);left:0;height:10px;background-color:inherit;width:100%;position:absolute;transition:.5s ease}.home .home-body .home-item:before{content:"";bottom:0;left:0;height:20px;background-color:#2f2f2f;width:100%;position:absolute;transition:.5s ease}.home .home-body .home-item:hover:after{transform:translate(0)}.home .home-body .home-item:active:after{transform:translate(0)}.infocard-box{user-select:none;position:fixed;left:0;right:0;bottom:0;top:0;background-color:#ff7728;display:flex;align-items:center;justify-content:center;perspective:900px}.infocard{width:480px;height:300px;border-radius:10px;transition:1s cubic-bezier(.68,-.55,.27,1.55);position:relative;transform-style:preserve-3d;animation:down .5s ease}.infocard:hover{transform:rotateY(180deg)}.infocard .front,.infocard .back{position:absolute;border-radius:20px;left:0;right:0;bottom:0;top:0;background-color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#161823;backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibiity:hidden;z-index:1}.infocard .back{z-index:-1;transform:rotateY(180deg)}@keyframes down{0%{transform:translateY(-100vh)}to{transform:translateY(0)}}.close{position:absolute;right:50px;top:30px}.fade-enter-active,.fade-leave-active{transition:all .4s cubic-bezier(.36,.07,.15,.87)}.fade-enter-from,.fade-leave-to{opacity:0}.down-enter-active,.down-leave-active{transition:all .4s cubic-bezier(.36,.07,.15,.87)}.down-enter-from,.down-leave-to{transform:translateY(-100%)}.out-enter-active,.out-leave-active{transition:all .3s cubic-bezier(.42,0,.33,1.01)}.out-enter-from,.out-leave-to{transform:scale(.9);opacity:0}.downIn-enter-active{transition:all .3s cubic-bezier(.25,.15,0,1.38)}.downIn-leave-active{transition:all .2s cubic-bezier(.25,.15,0,1.38)}.downIn-enter-from,.downIn-leave-to{transform:translateY(-20px);margin-top:-50px;opacity:0}.circle_box{width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background-color:#ff7728}.circle_box .circle_box-e{width:100px;height:100px;background-color:#fff;border-radius:50%;position:absolute}.circle_box .circle_box-c{z-index:2}.left-enter-active{transition:all .4s cubic-bezier(.36,.07,.15,.87)}.left-enter-from,.left-leave-to{transform:translate(-100px);opacity:0}*{margin:0;padding:0}.apps{height:100vh;display:flex;justify-content:center;align-items:center}.apps-header{position:sticky;top:0;left:0;right:0;background:#ffffff;z-index:1212;padding:20px;border-bottom:1px solid rgb(239,239,245)}.apps-box{background-color:#fff;border-radius:10px;width:80vw;height:80vh;box-sizing:border-box;position:relative;overflow:auto}@media screen and (max-width: 960px){.apps-box{width:100vw;height:100vh;border-radius:0}}.scaleOut-enter-active,.scaleOut-leave-active{transition:all .3s ease}.scaleOut-enter-from,.scaleOut-leave-to{transform:scale(.8);opacity:0}.app-back{position:absolute;left:0;top:0;right:0;bottom:0;z-index:0}.app-back_b{transition:.2s ease;position:fixed;width:20px;height:20px;border-radius:50%;background-color:#8080808e;animation:bb .05s ease}@keyframes bb{0%{transform:scale(0)}to{transform:scale(1)}}