.Header{z-index:100;color:#ddd;background:#000;flex-direction:row;justify-content:space-between;align-items:center;height:60px;padding:0 50px;transition:all .5s;display:flex;position:fixed;top:0;left:0;right:0}.Header.not{background:0 0;height:100px;padding:0 100px;transition:all .5s}.Header.not .right .menu .close{transition:all .5s;top:38px;right:20px}.Header .left{flex-direction:row;align-items:center;gap:15px;font-size:smaller;display:flex}.Header .left .logo-box{border-radius:100%;width:40px;height:40px;position:relative}.Header .left .logo-box:before{content:"";pointer-events:none;border-radius:100%;animation:5s linear infinite rotateBorder,5s linear infinite chasingBorders;position:absolute;inset:-2px}.Header .left .l{cursor:pointer;border-radius:100%;width:40px;height:40px;transition:all .3s}.Header .left .l.r{transition:all .3s;transform:rotate(1turn)}.Header .left .desc{flex-direction:column;justify-content:center;font-size:smaller;display:flex}.Header .left .desc .title{font-size:medium}.Header .right{flex-direction:row;display:flex;position:relative}.Header .right .menu-toggle{cursor:pointer;display:none}.Header .right .menu{flex-direction:row;gap:30px;padding-top:0;display:flex;position:relative}.Header .right .menu a{color:#ddd;text-decoration:none}.Header .right .menu .close{cursor:pointer;transition:all .5s;display:none;position:absolute;top:18px;right:15px}.Header .scrollTop{cursor:pointer;opacity:0;visibility:hidden;z-index:99;background:#eee;border-radius:100%;transition:all .3s;position:fixed;bottom:-40px;right:25px;box-shadow:0 0 60px gray}.Header .scrollTop:hover{background:#fff}.Header .scrollTop.sc{opacity:1;visibility:visible;transition:all .3s;bottom:25px}.rv.left .Header{flex-direction:row-reverse}.rv.left .Header .left{flex-direction:row-reverse}.rv.left .Header .left .desc{align-items:end}.rv.left .Header.not .right .menu .close{top:38px;left:20px}.rv.left .Header .right .menu .close{left:15px}.rv.left .Header .scrollTop{left:25px;right:0}@media (width<=768px){.Header.not{padding:0 20px}.Header.not .right .menu{padding-top:100px}.Header{padding:0 15px}.Header .right .menu-toggle{display:block}.Header .right .menu{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:100;background:#0008;flex-direction:column;align-items:center;padding-top:80px;transition:all .5s;display:flex;position:fixed;inset:0 100% 0 0;box-shadow:10px 0 10px #0008}.Header .right .menu a{text-align:center;width:80%;padding:5px}.Header .right .menu.active{opacity:1;visibility:visible;transition:all .5s;right:0}.Header .right .menu.active .close{display:block}.rv.left .Header .right .menu{left:100%;right:0;box-shadow:-10px 0 10px #0008}.rv.left .Header .right .menu.active{left:0;right:0}}.Home{height:200vh}.Home .topImage{color:#ddd;justify-content:center;align-items:center;height:100vh;min-height:500px;display:flex;position:relative;overflow:hidden}.Home .topImage .content{flex-direction:column;align-items:center;gap:40px;animation:1.5s ease-out forwards fadeIn;display:flex}.Home .topImage .content .title{font-size:xxx-large}.Home .topImage img{object-fit:cover;filter:blur(3px)brightness(.4);z-index:-1;width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px}.footer{color:gray;background:#23282d;padding:50px 20px 80px;font-family:Avenir,Helvetica,Arial,sans-serif;font-size:12px}.footer .footer-content{justify-content:space-between;max-width:1400px;margin:0 auto;transition:all .5s;animation:1.5s ease-out forwards fadeIn;display:flex}.footer .footer-list{flex-direction:column;justify-content:center;gap:10px;padding:0;list-style:none;transition:all .5s;display:flex}.footer .footer-contact{flex-direction:row;align-items:center;gap:30px;margin:0;padding:0;list-style:none;display:flex}.footer .footer-contact li{flex-direction:column;align-items:center;gap:10px;display:flex}.footer .footer-contact img{width:80px;height:80px}.footer .footer-contact a{color:gray;font-family:Consolas,Lucida Console,monospace;text-decoration:none}@media (width<=768px){.footer .footer-content{flex-direction:column;align-items:center;gap:20px;transition:all .5s}.footer .footer-list{align-items:center;transition:all .5s}}.card-title{text-align:center;padding:100px 0;animation:1.5s ease-out forwards fadeIn}.card-title h2{text-align:center;margin:20px}.card-title span{color:gray}.Games1{flex-direction:column;justify-content:center;display:flex;position:relative}.Games1 .content{z-index:1;color:#ddd;flex-direction:row-reverse;align-items:center;max-width:1400px;margin:0 auto;padding:15px;transition:all .5s;animation:1.5s ease-out forwards fadeIn;display:flex;position:absolute;left:0;right:0}.Games1 .content .desc{text-align:center;flex-direction:column;flex:1;gap:15px;display:flex}.Games1 .content .desc h2{margin-bottom:50px;transition:all .5s}.Games1 .content .servers{flex-direction:column;flex:1;gap:20px;transition:all .5s;display:flex}.Games1 .content .servers .server-card{text-align:center;flex-direction:column;gap:15px;width:70%;margin:0 auto;display:flex}.Games1 .content .servers .server-card button{color:#ddd;cursor:pointer;background:#0005;border:2px solid #505050;width:100%;height:40px;margin:0 auto;transition:all .5s}.Games1 .content .servers h3{text-align:center}.Games1 .image{width:100%;height:850px;transition:all .5s}.Games1 .image img{object-fit:cover;object-position:50% 30%;filter:blur()brightness(.3);width:100%;height:100%}@media (width<=768px){.Games1 .content{flex-direction:column;align-items:normal;gap:50px;font-size:smaller;transition:all .5s}.Games1 .content .desc h2{margin-bottom:10px;transition:all .5s}.Games1 .content .servers{gap:30px;transition:all .5s}.Games1 .content .servers .server-card button{width:100%;transition:all .5s}.Games1 .image{height:750px;transition:all .5s}}.Games2{flex-direction:column;justify-content:center;display:flex;position:relative}.Games2 .content{z-index:1;color:#ddd;flex-direction:row;justify-content:right;align-items:center;max-width:1400px;margin:0 auto;padding:15px;transition:all .5s;display:flex;position:absolute;left:0;right:0}.Games2 .content .desc{text-align:center;flex-direction:column;gap:15px;width:50%;transition:all .5s;display:flex;position:relative}.Games2 .content .desc h2{margin-bottom:50px;transition:all .5s}.Games2 .content .desc button{color:#ddd;cursor:pointer;background:#0005;border:2px solid #505050;width:70%;height:40px;margin:10px auto 0;transition:all .5s}.Games2 .image{width:100%;height:750px}.Games2 .image img{object-fit:cover;object-position:50% 60%;filter:blur()brightness(.4);width:100%;height:100%;transition:all .5s}@media (width<=768px){.Games2 .content{flex-direction:column;align-items:center;font-size:smaller;transition:all .5s}.Games2 .content .desc{width:70%;transition:all .5s}.Games2 .content .desc h2{margin-bottom:10px;transition:all .5s}.Games2 .content .desc button{width:100%;transition:all .5s}.Games2 .image img{object-position:30% 70%;transition:all .5s}}.AboutMe{align-items:center;padding:15px;display:flex}.AboutMe .AboutMe-content{flex:1;grid-template-columns:repeat(2,1fr);gap:15px;max-width:1400px;margin:0 auto;display:grid}.AboutMe .AboutMe-content .card-item{background:#eee8;border-radius:10px;padding:20px;transition:all .5s}.AboutMe .AboutMe-content .card-item .image{flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.AboutMe .AboutMe-content .card-item .image .title{color:#606060;position:absolute}.AboutMe .AboutMe-content .card-item .image svg{fill:#80808015;width:150px;transform:skew(-15deg)scale(1.2)}.AboutMe .AboutMe-content .card-item .desc{font-family:Monaco,Courier New,Consolas,Menlo,monospace;line-height:2}@media (width<=768px){.AboutMe .AboutMe-content{grid-template-columns:repeat(1,1fr)}}*{outline:0;margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif}body{background:#ddd}::-webkit-scrollbar{background:#505050;width:4px;height:4px}::-webkit-scrollbar-track{border-radius:0}::-webkit-scrollbar-thumb{background:gray;border-radius:0}@keyframes scaleIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scaleY(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes rotateBorder{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chasingBorders{0%{border:2px solid green;border-color:green #00f #ff0 red;box-shadow:0 0 6px red}14.3%{border:2px solid #00f;border-color:#00f green orange violet;box-shadow:0 0 6px orange}28.6%{border:2px solid #ff0;border-color:#ff0 orange indigo #00f;box-shadow:0 0 6px green}42.9%{border:2px solid orange;border-color:orange indigo violet green;box-shadow:0 0 6px #00f}57.2%{border:2px solid indigo;border-color:indigo violet red orange;box-shadow:0 0 6px indigo}71.5%{border:2px solid violet;border-color:violet red green indigo;box-shadow:0 0 6px violet}85.8%{border:2px solid red;border-color:red green #00f violet;box-shadow:0 0 6px red}to{border:2px solid green;border-color:green #00f #ff0 red;box-shadow:0 0 6px orange}}.hac{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hac .container{background:#eee;border-radius:6px;flex-direction:column;max-width:600px;margin:0 auto;padding:15px;display:flex;position:absolute;bottom:20%;left:20px;right:20px}.hac .container .title{text-align:center;font-weight:700}.hac .container .desc{flex-direction:column;margin-top:10px;padding:10px;line-height:1.8rem;display:flex}.hac .container .content{flex-direction:column;gap:15px;padding-top:20px;display:flex}.hac .container .content .action{align-items:center;gap:15px;display:flex}.hac .container .content button{flex:1;padding:10px}