h1, p, b, span {
    margin: 0;
    margin-bottom: 0 !important;
}

body {
    background: url(http://vartox.online/VXI/bg.png) no-repeat center center fixed;
    background-size: cover;
    margin: 0;
    min-height: 100vh;
}

.mainsite {
    position: absolute;
    left: 0vh;
    top: 0vh;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 5.5556vh;
    overflow: overlay;
}

.mainsite .headersite {
    width: 100%;
    min-height: 6.8519vh;
    height: 6.8519vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(1.0185vh);
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .projectinfo {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: -4vh;
}

.mainsite .projectservers {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2.4074vh;
}

.mainsite .dopblock {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4074vh;
}

.mainsite .fastfaq {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.4074vh;
    margin-top: -3.1481vh;
}

.mainsite .btn:hover {
    background: #FBB536 !important;
}

.mainsite .btn svg {
    fill: #fff;
}

.mainsite .btn p {
    text-decoration: none !important;
}

.mainsite a.btn {
    text-decoration: none !important;
}

.mainsite .btn:hover svg {
    fill: rgba(19, 19, 19, 0.7) !important;
}

.mainsite .btn:hover p {
    color: rgba(19, 19, 19, 0.7) !important;
}

.mainsite .footer {
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
    border-top: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.8519vh;
    padding: 2.037vh 0vh;
}

.mainsite .footer .fosninfo {
    width: 80.521vw;
    max-width: 143.1481vh;
    height: 11.8519vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5.5556vh;
}

.mainsite .footer .linefooter {
    width: 80.521vw;
    max-width: 143.1481vh;
    height: 0.0926vh;
    background: rgba(255, 255, 255, 0.12);
}

.mainsite .footer .copyright {
    width: 80.521vw;
    max-width: 143.1481vh;
}

.mainsite .footer .copyright p {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2037vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .copyright p b {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.2037vh;
    font-weight: 700;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .fosninfo .logo {
    width: 11.8519vh;
    height: 11.8519vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .footer .fosninfo .navmenu {
    height: 11.8519vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5.5556vh;
    margin-right: auto;
}

.mainsite .footer .fosninfo .dopinfo {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 5.5556vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 2.5926vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .btn {
    width: 22.6852vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy .blockbuy {
    width: 5.3704vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .listbuy .blockbuy svg {
    width: 4.4444vh;
    height: 3.1481vh;
    opacity: 0.3;
}

.mainsite .footer .fosninfo .dopinfo .donatblock .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 2.5926vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn {
    width: 16.6667vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock p {
    width: 16.6667vh;
    height: 3.7037vh;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .dopinfo .contactblock p b {}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn svg {
    width: 1.6667vh;
    height: 1.6667vh;
}

.mainsite .footer .fosninfo .dopinfo .contactblock .btn p {
    width: auto;
    height: auto;
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .footer .fosninfo .navmenu .navblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .navmenu .navblock h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .footer .fosninfo .navmenu .navblock p {
    width: 21.2963vh;
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .footer .fosninfo .navmenu .navblock p b {
    text-decoration: underline;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists a {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
    text-decoration: none;
}

.mainsite .footer .fosninfo .logo img {
    width: 11.8519vh;
    height: 11.8519vh;
}

.mainsite .fastfaq .ffhead {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mainsite .fastfaq .fflist {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.4112518327vh;
}

.mainsite .fastfaq .fflist .blockfaq {
    width: 46.2963vh;
    height: 9.6296vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 1.8519vh;
    gap: 0.9259vh;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mainsite .fastfaq .fflist .blockfaq h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.6667vh;
    font-weight: 700;
    line-height: 2.037vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .fastfaq .fflist .blockfaq p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2037vh;
    font-weight: 600;
    line-height: 1.4815vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .fastfaq .fflist .blockfaq h1 b {}

.mainsite .fastfaq .ffhead h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 2.7778vh;
    font-weight: 700;
    line-height: 3.1481vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .fastfaq .ffhead .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .fastfaq .ffhead .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .headdb {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .dopblock .headdb h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 4.6296vh;
    font-weight: 700;
    line-height: 5vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .sociallist {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.5259vh;
    flex-wrap: wrap;
}

.mainsite .dopblock .sociallist .blocksocial {
    width: 34.1852vh;
    height: 13.8889vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(2.3148vh);
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: row;
}

.mainsite .dopblock .sociallist .blocksocial svg {
    height: 3.7037vh;
}

.mainsite .dopblock .sociallist .blocksocial.t {
    background: linear-gradient(90.00deg, rgba(83, 164, 228, 0.05) 0%,rgba(83, 164, 228, 0.02) 50%,rgba(83, 164, 228, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.yt {
    background: linear-gradient(90.00deg, rgba(234, 51, 35, 0.05) 0%,rgba(234, 51, 35, 0.02) 50%,rgba(234, 51, 35, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.vk {
    background: linear-gradient(90.00deg, rgba(51, 117, 246, 0.05) 0%,rgba(51, 117, 246, 0.02) 50%,rgba(51, 117, 246, 0.05) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.ds {
    background: linear-gradient(90.00deg, rgba(120, 127, 240, 0.05) 0%,rgba(120, 127, 240, 0.02) 50%,rgba(120, 127, 240, 0.05) 100%);
}

.mainsite .headersite .maxwidth {
    width: 80.521vw;
    max-width: 143.1481vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .sociallist .blocksocial.ds:hover {
    background: linear-gradient(90.00deg, rgba(120, 127, 240, 0.15) 0%, rgba(120, 127, 240, 0.12) 50%, rgba(120, 127, 240, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.yt:hover {
    background: linear-gradient(90.00deg, rgba(234, 51, 35, 0.15) 0%,rgba(234, 51, 35, 0.12) 50%,rgba(234, 51, 35, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.vk:hover {
    background: linear-gradient(90.00deg, rgba(51, 117, 246, 0.15) 0%,rgba(51, 117, 246, 0.12) 50%,rgba(51, 117, 246, 0.15) 100%);
}

.mainsite .dopblock .sociallist .blocksocial.t:hover {
    background: linear-gradient(90.00deg, rgba(83, 164, 228, 0.15) 0%,rgba(83, 164, 228, 0.12) 50%,rgba(83, 164, 228, 0.15) 100%);
}

.mainsite .dopblock .startblocks {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 1.8519vh;
}

.mainsite .dopblock .startblocks .startblock {
    width: 44.4444vh;
    height: 72.2222vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(1.3889vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 4.6296vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 2.963vh;
}

.mainsite .dopblock .startblocks .startblock .sbh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 2.7778vh;
}

.mainsite .dopblock .startblocks .startblock .sbinfo {}

.mainsite .dopblock .startblocks .startblock .btns {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .dopblock .startblocks .startblock img {
    margin-top: auto;
    height: 32.4074vh;
}

.mainsite .dopblock .startblocks .startblock .btns .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.463vh;
}

.mainsite .dopblock .startblocks .startblock .btns .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .startblocks .startblock .sbinfo p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.2963vh;
    font-weight: 600;
    line-height: 1.5741vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbh h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 3.1481vh;
    font-weight: 600;
    line-height: 3.7037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbh .bi {
    display: flex;
    min-width: 7.4074vh;
    height: 7.4074vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .startblocks .startblock .sbh .bi p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.4815vh;
    font-weight: 700;
    line-height: 1.7593vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .dopblock .startblocks .startblock .sbdownl {
    width: 100%;
    height: 7.4074vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 0.9259vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.1);
    padding: 0.9259vh;
    box-sizing: border-box;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbicon {
    min-width: 5.5556vh;
    height: 5.5556vh;
    border-radius: 0.3704vh;
    background: rgba(19, 19, 19, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.9259vh;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih {
    width: 26.8519vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwprog {
    width: 26.8519vh;
    height: 0.463vh;
    border-radius: 0.0926vh;
    background: rgba(19, 19, 19, 0.3);
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwprog .sbwprogfull {
    max-width: 26.8519vh;
    height: 0.463vh;
    border-radius: 0.0926vh;
    background: rgba(251, 181, 54, 1);
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.3889vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbwi .sbwih p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.1111vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: right;
}

.mainsite .dopblock .startblocks .startblock .sbdownl .sbicon img {
    width: 4.6296vh;
    height: 4.6296vh;
    margin: auto;
}

.mainsite .dopblock .startblocks .startblock .sbinfo p b {}

.mainsite .dopblock .startblocks .startblock .sbh h1 b {}

.mainsite .projectservers span {
    height: 2.2222vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 0.9259vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
    padding: 0vh 1.1111vh;
}

.mainsite .projectservers .serverlist {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.787vh;
}

.mainsite .projectservers .serverlist .blockserver {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 34.7852vh;
    height: 12.7778vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.05);
    border-radius: 0.3704vh;
    backdrop-filter: blur(2.3148vh);
    background: var(--btn1, linear-gradient(90.00deg, rgba(255, 255, 255, 0.05),rgba(255, 255, 255, 0.02),rgba(255, 255, 255, 0.05)));
    padding: 1.6667vh;
    gap: 0.9259vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .projectservers .serverlist .blockserver .bci {}

.mainsite .projectservers .serverlist .blockserver .tagslist {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.9259vh;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.3704vh;
    min-width: 3.1481vh;
    height: 1.6667vh;
    border-radius: 0.1852vh;
    background: rgba(255, 255, 255, 0.1);
    padding: 0vh 0.463vh;
    box-sizing: border-box;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1vh;
    font-weight: 600;
    line-height: 0.9259vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags.online {
    background: rgba(181, 244, 17, 0.1);
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags svg {
    width: 1.4815vh;
    height: 1.4815vh;
}

.mainsite .projectservers .serverlist .blockserver .tagslist .tags.online p {
    color: rgba(181, 244, 17, 1);
}

.mainsite .projectservers .serverlist .blockserver .bci p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bi {
    width: 3.3333vh;
    height: 3.3333vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.3704vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn h1 {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.5889vh;
    font-weight: 700;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.463vh;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno .online {
    width: 0.663vh;
    height: 0.663vh;
    border-radius: 0.3704vh;
    box-shadow: 0vh 0vh 0.3704vh 0.0926vh rgba(181, 244, 17, 0.26);
    background: rgba(181, 244, 17, 1);
}

.mainsite .projectservers .serverlist .blockserver .bsh .bcn .bcno p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3185vh;
    font-weight: 600;
    line-height: 1.2037vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectservers .serverlist .blockserver .bsh .bi img {
    width: 2.5926vh;
    height: 2.5926vh;
}

.mainsite .projectinfo .leftpi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 2.4074vh;
    width: 56.3889vh;
}

.mainsite .projectinfo img {
    width: 48.7037vh;
    height: 48.7037vh;
}

.mainsite .projectinfo .leftpi span {
    height: 2.2222vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 0.9259vh;
    font-weight: 600;
    line-height: 1.1111vh;
    letter-spacing: 0%;
    text-align: left;
    padding: 0vh 1.1111vh;
}

.mainsite .projectinfo .leftpi h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 4.6296vh;
    font-weight: 700;
    line-height: 5vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .projectinfo .leftpi h1 b {}

.mainsite .projectinfo .leftpi p {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.4111vh;
    font-weight: 600;
    line-height: 1.2963vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectinfo .leftpi .btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1.3889vh;
}

.mainsite .projectinfo .leftpi .btns .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 0.463vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
}

.mainsite .projectinfo .leftpi .btns .online {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .projectinfo .leftpi .btns .online svg {
    width: 2.2222vh;
    height: 2.4074vh;
}

.mainsite .projectinfo .leftpi .btns .online p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
}

.mainsite .projectinfo .leftpi .btns .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .headersite .logoname {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7407vh;
}

.mainsite .headersite .navlinklist {
    display: flex;
    margin: auto;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 2.7778vh;
}

.mainsite .headersite .btn {
    width: 14.3519vh;
    height: 3.7037vh;
    box-sizing: border-box;
    border: 0.0926vh solid rgba(255, 255, 255, 0.03);
    border-radius: 0.1852vh;
    background: linear-gradient(90.00deg, rgba(255, 255, 255, 0.05) 0%,rgba(255, 255, 255, 0.02) 50%,rgba(255, 255, 255, 0.05) 100%);
    gap: 0.9259vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mainsite .headersite .btn svg {
    width: 1.6667vh;
    height: 1.6667vh;
}

.mainsite .headersite .btn p {
    color: rgba(255, 255, 255, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: center;
}

.mainsite .headersite .navlinklist .navlink {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.463vh;
    height: 1.8519vh;
}

.mainsite .headersite .navlinklist .navlink a {
    color: rgba(255, 255, 255, 0.5);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.3889vh;
    font-weight: 600;
    line-height: 1.6667vh;
    letter-spacing: 0%;
    text-align: left;
    text-decoration: none;
}

.mainsite .headersite .navlinklist .navlink.active {
    border-bottom: 0.0926vh solid rgba(251, 181, 54, 1);
}

.mainsite .headersite .navlinklist .navlink.active a {
    color: rgba(255, 255, 255, 1);
}

.mainsite .headersite .navlinklist .navlink:hover a {
    color: rgba(255, 255, 255, 1);
}

.mainsite .headersite .logoname .bi {
    width: 3.3333vh;
    height: 3.3333vh;
    border-radius: 0.3704vh;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
}

.mainsite .headersite .logoname .nameh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.mainsite .headersite .logoname b {
    color: rgba(251, 181, 54, 1);
    font-family: Akrobat;
    font-style: SemiBold;
    font-size: 1.0185vh;
    font-weight: 600;
    line-height: 1.2037vh;
    letter-spacing: 0%;
    text-align: center;
    padding: 0.1852vh 0.5556vh;
    border-radius: 0.1852vh;
    background: rgba(251, 181, 54, 0.1);
}

.mainsite .headersite .logoname .nameh h1 {
    font-family: Akrobat;
    font-style: Bold;
    font-size: 1.5741vh;
    font-weight: 700;
    line-height: 1.8519vh;
    letter-spacing: 0%;
    text-align: left;
    color: #fff;
}

.mainsite .headersite .logoname .bi img {
    width: 2.5926vh;
    height: 2.5926vh;
}

.mainsite .footer .fosninfo .navmenu .navblock .nblists a:hover {
    color: rgba(255, 255, 255);
}

.mainsite::-webkit-scrollbar {
  width: 0.1852vh;
}

.mainsite::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05);
}

.mainsite::-webkit-scrollbar-thumb {
  background: rgba(251, 181, 54, 1);
}

.mainsite a {
    text-decoration: none !important;
}

img {
    pointer-events: none;
}