.error{position:fixed;inset:0}.error .topImage{color:#ddd;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.error .topImage .content{flex-direction:column;align-items:center;gap:20px;animation:1.5s ease-out forwards fadeIn;display:flex}.error .topImage .content .title{font-size:xxx-large}.error .topImage img{object-fit:cover;filter:blur()brightness(.3);z-index:-1;width:135%;height:135%;position:absolute;top:-25%;left:-20%;transform:rotate(-6deg)}.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{overflow:hidden}.Home .topImage{color:#ddd;background-attachment:fixed;justify-content:center;align-items:center;height:100vh;min-height:500px;margin-bottom:100px;display:flex;position:relative}.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()brightness(.3);z-index:-1;width:135%;height:135%;position:absolute;top:-25%;left:-20%;transform:rotate(-6deg)}.Home .item{flex-direction:column;justify-content:center;align-items:center;display:flex}.Home .item .item-title{color:#ddd;z-index:1;position:absolute}.Home .item .item-back{background:#23282d;width:120%;height:500px;position:relative;transform:rotate(-6deg)}.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;animation:1.5s ease-out forwards fadeIn;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;margin-bottom:150px;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;justify-content:center;align-items:center;padding:20px;transition:all .5s;display:flex;position:relative;overflow:hidden}.AboutMe .AboutMe-content .card-item .content{flex-direction:column;justify-content:space-around;height:100%;font-family:Monaco,Courier New,Consolas,Menlo,monospace;line-height:2;animation:1.5s ease-out forwards fadeIn;display:flex}.AboutMe .AboutMe-content .card-item .content h3{text-align:center;padding:15px 0}.AboutMe .AboutMe-content .card-item svg{fill:#80808033;z-index:-1;width:100%;height:100%;animation:1.5s ease-out forwards fadeIn;position:absolute;transform:skew(-15deg)}@media (width<=768px){.AboutMe .AboutMe-content{grid-template-columns:repeat(1,1fr)}}.Skills{display:flex}.Skills .content{flex-wrap:wrap;flex:1;justify-content:center;gap:20px;max-width:1400px;margin:0 auto;display:flex}.Skills .content .item{border:1px solid #000;border-radius:100%;width:250px;height:250px}@keyframes move-forever{0%{transform:translate(-90px)}to{transform:translate(85px)}}.waveBox{width:100%;height:50px}.waveBox .waves{width:100%;height:100%}.waveBox .waves .parallax>use{animation:25s cubic-bezier(.55,.5,.45,.5) infinite move-forever}.waveBox .waves .parallax>use:first-child{animation-duration:7s;animation-delay:-2s}.waveBox .waves .parallax>use:nth-child(2){animation-duration:10s;animation-delay:-3s}.waveBox .waves .parallax>use:nth-child(3){animation-duration:13s;animation-delay:-4s}.waveBox .waves .parallax>use:nth-child(4){animation-duration:20s;animation-delay:-5s}.waveBox .waves.bottom{transform:rotate(180deg)}*{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}