@font-face {
    font-family: 'WinkyRough';
    src: url('https://assets.tasarot.com/p/fonts/en/WinkyRough-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: WinkyRough;
    position: relative;
    color: white;
    background-color: black;
    scrollbar-color: #000000 #2a2a2a;
    scroll-behavior: smooth;
    line-height: 1;
    max-width: 1440px;
    margin: auto;

}
.adnohRyU{
    border-radius: 20px;
    padding: 15px;
    width: 400px;
    margin: 50px auto;
    background-image: repeating-linear-gradient(45deg, #101010, transparent 10px);
    box-shadow: 0 0 5px grey;
}
.adnohRyU h2{
    margin: 10px 0;
    text-align: center;
    font-family: cursive;
    color: red;
}
.adnohRyU label{
    margin-top: 15px;
}
.adnohRyU label span{
    display: inline-block;
    padding: 10px 15px;
    font-size: 1.2em;
}
.adnohRyU input{
    border-radius: 10px;
    padding: 5px 15px;
}
.adnohRyU button{
    display: block;
    margin: 40px auto 0 auto;
    width: 50%;
    padding: 5px 15px;
    background-image: linear-gradient(grey, black, #06410d);
    border-radius: 5px;
    font-family: cursive;
    color: wheat;
}
/***home***/
.xP5PJNgl{
    height: 100vh;
}
aside{
    display: flex;
    flex-direction: column;
    max-width: 170px;
    box-shadow: 0 0 5px grey;
    overflow: hidden;
    padding: 10px 0;
    flex-shrink: 0;
}
.OOxne650{
    width: 170px;
    display: block;
    margin: auto;
}
.OOxne650 img{
    padding: 10px;
    width: 100%;
}
.RMdy9FoE{
    box-shadow: 0 0 5px grey;
    flex-grow: 1;
    overflow: hidden;
}
.tBKsGjJb{
    
}
.k3WwctBm{
    overflow-y: auto;
    overflow-x: hidden;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.tBKsGjJb>a{
    display: block;
    background-image: linear-gradient(#0e0e0e, #000000);
    padding: 10px;
    margin: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    box-shadow: 0 0 5px #363636;
    white-space: nowrap;
    overflow: hidden;
    color: #ffffff;
}


i.cPSm35BO{
    float: right;
    padding-top: 7px;
}

.tBKsGjJb i:not(.cPSm35BO){
    font-size: 0.7em;
    width: 20px;
    text-shadow: 0 0 5px #ff0000;
}

.OqLoqp9{
    box-shadow: 0 0 5px #80808082;
    margin-left: 30px;
    border-radius: 5px 0 0 5px;
    max-height: 0;
    overflow: hidden;
    transition: .3s;
}
a.show+div.OqLoqp9{
    max-height: 300px;
    margin-top: 5px;
}
.OqLoqp9 a{
    display: block;
    background-color: #141414;
    margin: 5px 0 5px 5px;
    padding: 5px;
    border-radius: 5px 0 0 5px;
}
.OqLoqp9 a.active,.tBKsGjJb>a.active{
    background-image: repeating-linear-gradient(45deg, #000000, #0c0c0c 7px);
    color: #ffd700;
}

main{
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}
main #mainCon{
    min-height: 90%;
}
h1.header{
    text-align: center;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 8px #4e4e4e;
    border-radius: 0 0 15px 15px;
    background-image: repeating-linear-gradient(45deg, black, #080808 10px);
    text-shadow: 0 0 5px #ff0000;
}
/**********/
.BG-dark1{
    background-image: linear-gradient(black, #2a2a2a, black);
    padding: 10px 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px #5e5e5e;
}
img.game_small_thumbnail{
    height: 80px;
    width: 150px;
    object-fit: cover;
    border-radius: 10px;
}
/********/
.QNiOaOUF{
    background-image: linear-gradient(black, #1b1818);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 5px inset #4d4d4d;
    margin: 25px 0;
}
.QNiOaOUF button{
    padding: 10px 15px;
    margin: 0 3px;
    border-radius: 10px;
    box-shadow: 0 0 5px grey;
    font-weight: bold;
}
/***********/
.mqPax4e6a{
    color: #ffbf00;
    box-shadow: 0 0 5px #6c474a;
    padding: 3px 10px;
    position: absolute;
    top: 0px;
    left: 0;
    border-radius: 10px;
    font-size: 11px;
    transform: rotate(-15deg);
}
.QNiOaOUF button.active, .QNiOaOUF a.active{
    box-shadow: 0 0 5px gold;
    background-image: linear-gradient(#222222, black, #222222);
    color: white;
}
/***************/
.BAsUmp09 caption{
    background-image: repeating-linear-gradient(45deg, #2a2a2a, transparent 5px);
    padding: 5px;
    font-size: 1.3em;
    text-shadow: 0 0 5px red;
    border-radius: 20px 20px 0 0;
    border: 1px solid #2e2e2e;
}
    
.BAsUmp09 th, .BAsUmp09 td{
    border: 1px solid #2e2e2e;
    padding: 5px 15px;
}
.BAsUmp09 th{
    background-color: #ffffff1a;
}
.BAsUmp09 td{
    text-align: center;
}
.L5HLKIPy tr th:first-child{
    text-align: left;
}
/***** hosters ******/
.D8jKzgxR{
    display: none;
    background-image: repeating-linear-gradient(45deg, black, #1a1a1a 7px);
    border-radius: 20px;
}
.QjvxPVFu{
    background-color: #80808021;
    padding: 10px;
    border-radius: 15px;
}
.RkvB96uF{
    background-color: black;
    border: 2px outset black;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 4px 4px 5px #343434;
    font-size: 1.3em;
}
.RkvB96uF.style{
    border: 2px inset black;
}
.f7pt9BdE{
    background-image: linear-gradient(#282828, black, #303030);
    padding: 10px;
    border-radius: 20px;
    margin: 25px;
    box-shadow: 0 0 5px inset black;
}

.f7pt9BdE img{
    display: block;
    margin: 0 auto 20px;
    height: 70px;
    width: 250px;
}
.KVdDJ1YV{
    display: inline-block;
    box-shadow: 0 0 5px inset grey;
    padding: 5px 15px;
    margin: 5px;
    border-radius: 10px;
}
.KVdDJ1YV.direct {
    color: #c5c4ff;
    background-image: linear-gradient(45deg, #000000, #070968);
}
.KVdDJ1YV.torrent {
    color: #00ff00;
    background-image: linear-gradient(45deg, #000000, #076807);
}
.KVdDJ1YV.framework {
    color: #ffffff;
    background-image: linear-gradient(45deg, #000000, #680707);
}

/********************/
.I3aZsod8{
    padding: 15px;
    border-radius: 20px;
    box-shadow: 0 0 5px inset grey;
    margin-bottom: 35px;
    background-image: linear-gradient(#2e2e2e, black 130px);
}
.P3lgVM6e [data-draggable].dragging {
    opacity: 0.5;
    transform: rotate(1deg);
}
.tBScUkWV>a{
    transition: 0.5s;
    display: inline-flex;
    background-image: linear-gradient(#194200, #000000);
    padding: 5px 10px;
    border-radius: 10px;
    box-shadow: 0 0 5px inset grey;
    margin: 0 15px 10px 0;
}
.tBScUkWV>a:hover{
    opacity: 0.8;
    box-shadow: 0 0 5px inset red;
    background-image: linear-gradient(#000000, #460000);
}
.tBScUkWV>a i{
    display: none;
    color: red;
    margin-left: 15px;
    font-size: 0.9em;
}
.tBScUkWV>a:hover i{
    display: inline-block;
}
.yNSLVTU2{
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    color: gold;
    background-image: repeating-linear-gradient(45deg, #000000, #220101 3px);
}
.OOsa89z0H{
    margin: 15px 0;
    background-image: repeating-linear-gradient(45deg, black, #2c0000 3px);
    padding: 10px;
    box-shadow: 0 0 5px darkred;
    border-radius: 10px;
}
.OOsa89z0H h2{
    margin-bottom: 15px;
}
.OSka8a6f7{
    background-color: black;
    margin: 5px 0;
    padding: 5px 10px;
    box-shadow: 0 0 5px inset grey;
    border-radius: 10px;
}
.OSka8a6f7 > label{
    padding: 3px 10px 3px 5px;
    border-radius: 10px;
    box-shadow: 0 0 5px #484848;
    margin: 10px;
}
.qui86aKis .flag::before{
    content: "";
    display: inline-block;
    background: url(https://assets.tasarot.com/p/img/all.png) no-repeat 0 0;
    overflow: hidden;
    margin: 0 5px;
    border-radius: 10px;
    background-size: 100% 8000px;
    width: 30px;
    height: 20px;
}
.qui86aKis .ar::before{
    background-position: 0px -6271px;
}
.qui86aKis .zh::before{
    background-position: 0px -1982px;
}
.qui86aKis .en::before{
    background-position: 0px -2895px;
}
.qui86aKis .fr::before{
    background-position: 0px -2834px;
}
.qui86aKis .hi::before{
    background-position: 0px -3686px;
}
.qui86aKis .ja::before{
    background-position: 0px -3929px;
}
.qui86aKis .pt::before{
    background-position: 0px -6028px;
}
.qui86aKis .ru::before{
    background-position: 0px -6210px;
}
.qui86aKis .es::before{
    background-position: 0px -2591px;
}
.qui86aKis .zgh::before{
    background-position: 0px -7975px;
}

.qui86aKis .ar::after{
    content: "العربية";
    vertical-align: text-top;
}
.qui86aKis .zh::after{
    content: "中文";
    vertical-align: text-top;
}
.qui86aKis .en::after{
    content: "English";
    vertical-align: text-top;
}
.qui86aKis .fr::after{
    content: "Français";
    vertical-align: text-top;
}
.qui86aKis .hi::after{
    content: "हिन्दी";
    vertical-align: text-top;
}
.qui86aKis .ja::after{
    content: "日本語";
    vertical-align: text-top;
}
.qui86aKis .pt::after{
    content: "Português";
    vertical-align: text-top;
}
.qui86aKis .ru::after{
    content: "Русский";
    vertical-align: text-top;
}
.qui86aKis .es::after{
    content: "Español";
    vertical-align: text-top;
}
.qui86aKis .zgh::after{
    content: "ⵜⴰⵎⴰⵣⵉⵖⵜ";
    vertical-align: text-top;
}

.qsa8AA0D3q{
    display: none;
}
.qsa8AA0D3q:checked + span{
    font-weight: bold;
    color: gold;
    background-color: #260505;
    border-radius: 10px;
}
.TZckzC6U{
    background-image: repeating-linear-gradient(45deg, black, #2c0000 5px);
    box-shadow: 0 0 5px inset #490000;
}
.lsd8z90Pa{
    background-image: repeating-linear-gradient(45deg, black, #030c01 7px);
    box-shadow: 0 0 5px grey;
    border-radius: 10px;
    padding: 10px;
    margin: 35px 0;
}

.TqdG4XOb {
    display: flex;
    justify-content: space-evenly;
    background-image: repeating-linear-gradient(45deg, black, #2f0000 20px);
    padding: 10px;
    box-shadow: 0 0 5px darkred;
    border-radius: 15px;
    margin: 20px 0;
}
.TqdG4XOb button {
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 15px;
    margin: 0 20px;
    border-radius: 10px;
}
.sgO7Apt7 th{
    width: 200px;
}
.sgO7Apt7 th, .sgO7Apt7 td{
    padding: 10px;
    border: 1px solid #444444;
    
}
.sgO7Apt7 td.header {
    font-size: 1.5em;
    text-align: center;
    margin-bottom: 30px;
    color: wheat;
    text-shadow: 0 0 5px red;
}
.swtGC7xK > label, .voim0MJD > label{
    display: inline-flex;
    box-shadow: 0 0 5px grey;
    padding: 10px 15px;
    margin: 5px 15px;
    border-radius: 20px;
    font-size: 1.2em;
}
.swtGC7xK > label .cat, .voim0MJD > label .cat{
    margin-left: 12px;
}
.swtGC7xK.sub > label, .voim0MJD.sub > label{
    font-size: 0.9em;
    padding: 5px 10px;
    border-radius: unset;
    color: wheat;
}
.voim0MJD > label{
    font-size: 0.9em;
}
.sgO7Apt7 hr{
    border: 1px dashed #232323;
}
.sgO7Apt7 select{
    width: 100%;
    text-align: center;
}
.sgO7Apt7 select:focus{
    text-align: unset;
}

.SJEo3FWf{
    display: none;
    position: absolute;
    background-color: black;
    box-shadow: 0 0 5px grey;
    width: 100%;
    top: calc(100% + 5px);
    border-radius: 5px;
    z-index: 1;
    overflow-x: auto;
}
.XrOILGx6{
    white-space: nowrap;
    background-color: #2c2c2c;
    margin: 5px;
    color: wheat;
}
.XrOILGx6:hover{
    opacity: 0.8;
    cursor: pointer;

}
.tSwr3Ga4{
    border-radius: 10px;
}
.tSwr3Ga4:hover{
    opacity: 0.7;
}
.tSwr3Ga4 hr{
    margin: 10px 0;
}
img.AglPheWs{
    height: 80px;
    width: 250px;
    display: block;
    margin: auto;
}
.zvMStcnL{
    padding: 6px 20px;
    border-radius: 10px;
    background-image: linear-gradient(#010000, #1a0000, #260000);
    font-family: cursive;
    box-shadow: 3px 3px 10px #505050;
    border: unset;
    color: #197300;
}
.kEwejLav{
    background-image: linear-gradient(#000000, #270000);
}
.uD5ehsv6 span::before {
    content: "";
    display: inline-block;
    background: url(https://assets.tasarot.com/p/img/all.png) no-repeat 0 0;
    background-size: 100% 12000px;
    width: 50px;
    height: 30px;
    overflow: hidden;
    margin: 5px;
    border-radius: 10px;
}

.uD5ehsv6 .ar::before{
    background-position: 0px -9407px;
}
.uD5ehsv6 .ar::after{
    content: "العربية";
}
.uD5ehsv6 .zh::before{
    background-position: 0px -2973px;
}
.uD5ehsv6 .zh::after{
    content: "中文";
}
.uD5ehsv6 .en::before{
    background-position: 0px -4342px;
}
.uD5ehsv6 .en::after{
    content: "English";
}
.uD5ehsv6 .fr::before{
    background-position: 0px -4251px;
}
.uD5ehsv6 .fr::after{
    content: "Français";
}
.uD5ehsv6 .hi::before{
    background-position: 0px -5528px;
}
.uD5ehsv6 .hi::after{
    content: "हिन्दी";
}
.uD5ehsv6 .ja::before{
    background-position: 0px -5893px;
}
.uD5ehsv6 .ja::after{
    content: "日本語";
}
.uD5ehsv6 .pt::before{
    background-position: 0px -9042px;
}
.uD5ehsv6 .pt::after{
    content: "Português";
}
.uD5ehsv6 .ru::before{
    background-position: 0px -9315px;
}
.uD5ehsv6 .ru::after{
    content: "Русский";
}
.uD5ehsv6 .es::before{
    background-position: 0px -3886px;
}
.uD5ehsv6 .es::after{
    content: "Español";
}
.uD5ehsv6 .zgh::before{
    background-position: 0px -11962px;
}
.uD5ehsv6 .zgh::after{
    content: "ⵜⴰⵎⴰⵣⵉⵖⵜ";
}
.vJ8eljIG img {
    width: 100px;
    height: 100px;
    box-shadow: 0 0 5px #3c3c3c;
    border-radius: 10px;
    padding: 5px;
    margin: 5px;
}
.Oq990aoKl th label{
    box-shadow: 0 0 5px #d3d3d342;
    border-radius: 10px;
    padding: 6px;
}
.Oq990aoKl .cat_good{
    background-color: #00ff0536;
}
.Oq990aoKl .cat_playable{
    background-color: #ffff0045;
}
.Oq990aoKl .cat_low{
    background-color: #ff8a0042;
}
.Oq990aoKl .cat_unplayable{
    background-color: #ff000042;
}
.Oq990aoKl label{
    box-shadow: 0 0 5px grey;
    padding: 5px;
    border-radius: 10px;
}

.resolution_green, .resolution_yellow, .resolution_orange, .resolution_red {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 5px;
    font-weight: bold;
    white-space: nowrap;
    margin: 1px;
}
.resolution_green {
    color: green;
    box-shadow: 0 0 5px #1d935b;
}
.resolution_yellow {
    color:yellow;
    box-shadow: 0 0 5px #8e9b00;
}
.resolution_orange {
    color: orange;
    box-shadow: 0 0 5px #664d03;
}
.resolution_red {
    color: red;
    box-shadow: 0 0 5px #842029;
}
.Y1NnyEGx{
    display: none;
    position: absolute;
    background-color: black;
    box-shadow: 0 0 5px grey;
    width: 100%;
    top: calc(100% + 5px);
    border-radius: 5px;
    z-index: 1;
    overflow-x: auto;
    padding: 10px;
}