*{padding:0;margin:0;box-sizing:border-box;color:gray;text-decoration:none}body{max-width:100vw;background-color:#383636}header{display:flex;flex-direction:row;align-items:center;position:relative;justify-content:space-between;padding:10px;border-bottom:1px solid #000;box-shadow:0 2px 10px #000;height:60px;.logo-container{display:flex;flex-direction:row;align-items:center;.logo{height:40px;width:40px;border-radius:50%}a{margin-left:10px;font-size:30px;color:#fff;font-family:var(--black-castle);transition:all .3s ease-in-out;&:hover{transform:scale(1.2)}}}.filter-container{.filter{width:35px;height:35px;padding:5px;cursor:pointer;border-radius:30%;background-color:#fff}.filter-menu{position:absolute;top:60px;right:0;z-index:5;width:25%;height:0;overflow:hidden;border-left:1px solid #000;box-shadow:-2px 2px 5px #000;background-color:#272525;border-bottom-left-radius:10px;transition:all 1s ease-in-out;&.show{animation:slide-in .6s;height:calc(99vh - 60px)}.filter-title{margin:10px;color:#fff;font-size:40px;text-align:center}.form{margin:20px 50px;display:flex;flex-direction:column;.container{display:flex;flex-direction:row;align-items:center;margin:10px 0;&:hover{.label{color:#fff}}}.radio-input{cursor:pointer;margin-right:10px}.filter-button{border:none;outline:none;padding:5px;color:#000;font-weight:700;border-radius:5px;cursor:pointer;margin:5vh 0;background-color:#87cefa}}}}}main{min-height:calc(100vh - 60px);width:100%;overflow:hidden;font-family:var(--Qlassy);.main-title{font-size:7vw;background-clip:text;-webkit-background-clip:text;color:transparent;background-image:url(/_next/static/media/world_map.8b506ab8.webp);background-size:contain;text-align:center;font-family:var(--dm)}.card-galery{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around;.card{display:flex;flex-direction:column;justify-content:space-between;width:20vw;margin:20px;min-height:65vh;border-radius:5px;padding-bottom:30px;transition:all .3s ease-in-out;box-shadow:5px 5px 10px #000;border:1px solid #272525;background-color:#272525;cursor:default;&.pointer{cursor:pointer}&:hover{transform:scale(1.075);box-shadow:10px 10px 10px #000;.card-detail,.card-detail>span{color:#fff}}.card-flag{width:100%;height:auto;aspect-ratio:2/1;background-color:purple;border-top-left-radius:5px;border-top-right-radius:5px}.card-detail{margin:15px 20px;transition:all .4s ease-in-out;&.title{text-align:center;font-size:x-large;margin-bottom:0;font-weight:700}&.title-official{text-align:center;margin-top:0;margin-bottom:20px;color:#d0cece}.card-keyname{margin-right:10px;color:#d0cece}.card-keyname,.card-value{transition:all .4s ease-in-out}.card-value{font-weight:700;&.language{margin:10px 10px 0}}}.card-button{width:100%;padding:5px;display:grid;cursor:pointer;text-decoration:none;justify-content:center;background-color:#000;outline:1px solid #000;transition:all .4s ease-in-out;&:hover{color:#000;font-weight:700;outline:1px solid #f5f5f5;background-color:#f5f5f5}}}}.detail-page{height:calc(100vh - 60px);display:grid;align-items:center;justify-content:center;.detail-title{font-size:5vw;text-align:center;font-family:var(--dm);color:#fff;text-shadow:8px 5px 2px #000}.detail-card{display:flex;flex-direction:row;justify-content:space-between;width:80vw;height:70vh;border-radius:5px;padding-bottom:30px;transition:all .3s ease-in-out;box-shadow:5px 5px 10px #000;border:1px solid #272525;background-color:#272525}}}@keyframes slide-in{0%{height:0}to{height:calc(100vh - 60px)}}@keyframes slide-out{0%{height:calc(100vh - 60px)}to{height:0}}@media screen and (max-width:768px){main{.card-galery{.card{margin:20px 10px;width:30vw;min-height:40vh}}}}@media screen and (max-width:445px){header{.filter-container{.filter-menu{width:45%}}}main{.main-title{font-size:50px}.card-galery{.card{margin:20px;width:70vw;min-height:50vh}}}}@font-face{font-family:Qlassy;src:url(/_next/static/media/b1d0d41e6fdb4728-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:Qlassy Fallback;src:local("Arial");ascent-override:97.42%;descent-override:26.15%;line-gap-override:0.00%;size-adjust:96.34%}.__className_c5647a{font-family:Qlassy,Qlassy Fallback}.__variable_c5647a{--Qlassy:"Qlassy","Qlassy Fallback"}@font-face{font-family:blackCastle;src:url(/_next/static/media/fe9cdd893a341e0a-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:blackCastle Fallback;src:local("Arial");ascent-override:116.78%;descent-override:26.40%;line-gap-override:0.00%;size-adjust:79.55%}.__className_77971a{font-family:blackCastle,blackCastle Fallback}.__variable_77971a{--black-castle:"blackCastle","blackCastle Fallback"}@font-face{font-family:DM;src:url(/_next/static/media/ab1b468b45bf8982-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:DM Fallback;src:local("Arial");ascent-override:102.23%;descent-override:33.06%;line-gap-override:0.00%;size-adjust:101.35%}.__className_03ae5a{font-family:DM,DM Fallback}.__variable_03ae5a{--dm:"DM","DM Fallback"}