body{background-color:#0b0f16}.languageButtonContainer{position:absolute;right:10px}@media screen and (max-width: 700px){.languageButtonContainer{position:relative;right:0;margin:10px}}.navlist{display:flex;flex-wrap:wrap;justify-content:center}.navitem{position:relative;font-family:"Source Serif Pro",serif;padding:2px;font-size:40px;text-decoration:none;color:#fff;margin:10px;transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.languageButton{background:none;border:none;font-size:20px}.itemafter:after{position:absolute;content:"";width:100%;height:100%;background-color:#fff;left:50%;top:-10px;transform:translate(-50%,-50%);transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}.itemafter:hover:after{position:absolute;content:"";width:100%;height:3px;background-color:#fff;left:50%;top:0;transform:translate(-50%,-50%);opacity:1}.navitem:before{position:absolute;z-index:-10;content:"";background-color:#6ac7f3;transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);width:0px;height:0px;left:50%;top:50%;transform:translate(-50%,-50%)}.navitem:hover:before{width:100%;height:100%}.navitem:hover{color:#030416}.router-link-active:after{position:absolute;content:"";width:100%;height:3px;background-color:#fff;left:50%;top:100%;transform:translate(-50%,-50%);transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:1}p{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center;color:#fff;padding:5px}ul{position:relative;display:flex;flex-wrap:wrap;justify-content:center;transform:translate(-25px)}ul li{list-style:none}ul li a{width:80px;height:80px;background-color:#fff;text-align:center;line-height:80px;font-size:35px;margin:0 10px;display:block;border-radius:50%;position:relative;overflow:hidden;border:3px solid #fff;z-index:1}ul li a .icon{position:relative;color:#262626;transition:.5s;z-index:3;width:50px;top:12px}ul li a .icon-da,ul li a .icon-st{position:relative;color:#262626;transition:.5s;z-index:3;width:28px;top:11px}ul li a:hover .icon{color:#fff;transform:rotateY(360deg)}ul li a:before{content:"";position:absolute;top:100%;left:0;width:100%;height:100%;background:red;transition:.5s;z-index:2}ul li a:hover:before{top:0}ul li:nth-child(1) a:before{background:#eca8cf}ul li:nth-child(2) a:before{background:#77b2e9}ul li:nth-child(3) a:before{background:#498fda}ul li:nth-child(4) a:before{background:#3c5ea6}ul li:nth-child(5) a:before{background:#9173d8}ul li:nth-child(6) a:before{background:#e15d5d}ul li:nth-child(7) a:before{background:#7b8be1}ul li:nth-child(8) a:before{background:#f0d687}ul li:nth-child(9) a:before{background:#47a54a}ul li:nth-child(10) a:before{background:#7bcce8}.theCard{width:450px;height:250px;perspective:1000px}@media screen and (max-width: 500px){.theCard{width:315px;height:175px;perspective:1000px}}.theCard:hover .cardInner{transform:rotateY(180deg)}.cardInner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 0 80px #000}.card,.cardBack{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.cardBack{transform:rotateY(180deg)}.head,.des{font-family:"Source Serif Pro",serif;background-color:#0e0722;color:#fff;word-wrap:break-word;width:300px;padding:5px}.head{font-size:40px}.des{font-size:20px}.background{z-index:-10;position:absolute;width:90%;height:500px;left:50%;transform:translate(-50%);background-image:url(/assets/dottexture-BOcQjoF2.png);background-size:10%;margin:0 auto}.box{display:flex;flex-wrap:wrap;justify-content:center;margin-top:125px;margin-bottom:70px}.item{margin:5px}.starGamesContainer{display:flex;flex-wrap:wrap;justify-content:center}.starGame img{max-width:100%}.starGame{font-family:"Source Serif Pro",serif;position:relative;justify-content:center;width:1000px;margin:10px}.starGameHead{font-size:30px}.starGameInfo{position:absolute;bottom:0;margin:10px;font-size:18px;color:#fff;z-index:2;width:50%;font-family:"Source Serif Pro",serif;font-weight:800}.starBack{position:absolute;bottom:0;width:100%;height:100%;z-index:1;background:linear-gradient(#fff,#181819);mix-blend-mode:multiply}.starGameLinksContainer{z-index:2;position:absolute;display:flex;flex-wrap:wrap;bottom:0;right:0;margin:10px}.starButton{position:relative;text-decoration:none;color:#fff;font-size:20px;margin:5px;padding:5px}.starButton:before{position:absolute;z-index:-10;content:"";background-color:#fff;transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);width:0px;height:0px;left:50%;top:50%;transform:translate(-50%,-50%)}.starButton:hover:before{width:100%;height:100%}.starButton:hover{color:#030416;border-color:#fff}@media screen and (max-width: 500px){.starGameInfo{font-size:12px}.starGameHead{font-size:22px}.starButton{font-size:15px}}select{background-color:#fff;outline:none;border:none;font-family:"Source Serif Pro",serif;border-radius:0;font-size:16px}.filterBar{font-family:"Source Serif Pro",serif;font-weight:700;font-size:30px;color:#0e0722;background-color:#fff;width:fit-content;margin:0 auto 5px;padding:5px}.selectHead{font-family:"Source Serif Pro",serif;font-weight:700;font-size:18px;color:#0e0722;background-color:#fff;padding:2px;margin-right:2px}.selectContainer{display:flex;justify-content:center;flex-wrap:wrap}.totalNumber{color:#0e0722;background-color:#fff;font-family:"Source Serif Pro",serif;text-align:center;font-size:17px;padding:3px;margin:6px;font-weight:700}.searchBarContainer{display:flex;justify-content:center;margin:0 auto 15px;border-color:#fff;border-style:solid;border-radius:50px;border-width:2px;width:400px}.searchInput,.searchButton{font-family:"Source Serif Pro",serif;font-size:20px;font-weight:700}.searchInput{width:300px;background:none;outline:none;border:none;color:#fff}.searchButton{background:none;outline:none;border:none;color:#fff;transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94)}.searchButton:before{position:absolute;z-index:-10;content:"";background-color:#6ac7f3;transition:all .25s;transition-timing-function:cubic-bezier(.25,.46,.45,.94);width:0px;height:0px;left:50%;top:50%;transform:translate(-50%,-50%)}.searchButton:hover:before{width:100%;height:100%}.searchButton:hover{color:#0e0722}.gameCardContainer{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.gameCard{background-image:url(/assets/dottexture-BOcQjoF2.png);background-size:10%;width:300px;height:485.4px;margin:10px;border-radius:3px;z-index:1;transition:all .5s cubic-bezier(.455,.03,.515,.955);font-family:"Source Serif Pro",serif}.cardYear{position:absolute;right:0;margin:9px;color:#fff;padding:3px;background-color:#0e0722;opacity:0;transition:all .5s cubic-bezier(.455,.03,.515,.955);font-family:"Source Serif Pro",serif}.gameCardImage{width:300px;transition:all .5s cubic-bezier(.455,.03,.515,.955);border-radius:3px}.cornerContainer{position:absolute}.cardPlatformerContainer{margin:9px;color:#fff;padding:3px;background-color:#0e0722;transition:all .5s cubic-bezier(.455,.03,.515,.955);opacity:0}.cardPlatformer{color:#fff}.cardEngine{opacity:0;margin:9px;color:#fff;padding:3px;background-color:#0e0722;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.tagContainer{display:flex;flex-wrap:wrap;margin-top:2px}.tag{font-family:"Source Serif Pro",serif;padding:3px;margin:3px 6px 3px 0;color:#fff;background-color:#0e0722}.cardHead,.cardBody,.cardEngine,.cardYear{z-index:10}.cardHead{font-family:"Source Serif Pro",serif;font-size:28px;color:#fff;padding:5px;background-color:#0e0722}.cardBody{font-family:"Source Serif Pro",serif;color:#0e0722;background-color:#fff;padding:3px}.gameCardInner{padding:5px;transition:all .5s cubic-bezier(.455,.03,.515,.955)}.cardBackground{position:absolute;width:300px;height:485.4px;background-repeat:no-repeat;background-size:cover;background-position:center;opacity:0;z-index:-1;transform:scale(0);transition:all .5s cubic-bezier(.455,.03,.515,.955);border-radius:3px}.gameCard:hover .cardBackground{transform:scale(1);opacity:.5}.gameCard:hover .gameCardImage{transform:scale(0);opacity:0}.gameCard:hover .cardEngine,.gameCard:hover .cardPlatformerContainer,.gameCard:hover .cardYear{opacity:1}.gameCard:hover{transform:scale(1.05)}