@import "variables-pc.css";

a {
    color: black;
}

.navigator, .menu-item {
    color: #111111;
}

.navigator .menu .download-link {
    border-bottom: 2px #FF6F08 solid;
}

.lang-btn {
    border: 1px solid #000000;
}

.lang-btn.active {
    background-color: #000000;
    color: var(--color-text-inverse);
}


.main {
    background-image: url(../images/download/bg1.png);
    background-size: auto 30%;
    background-repeat: no-repeat;
    background-position-x: 35%;
    background-position-y: var(--spacing-36);
    border-bottom: 1px solid #d9d9d9;
    flex: 1;
}

.main h1 {
    color: #111111;
    text-align: justify;
    font-weight: var(--font-weight-medium);
}

.main h2 {
    color: #111111;
    text-align: justify;
    font-weight: var(--font-weight-medium);
}

.main2 {
    background-image: url(../images/download/bg2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: 87%;
    background-position-y: 0;
}

.features {
    display: flex;
}

.feature {
    display: flex;
    align-items: center;
}

.downloads {
    display: flex;
    justify-content: space-between;
    color: var(--color-text-inverse);
}

.downloads a {
    color: var(--color-text-inverse) !important;
}

.download-windows {
    background-color: #FF8553;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-macos {
    background-color: #A2C1FF;
    /*background-color: #eee;*/
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-linux {
    /* background-color: #C6CBEF;*/
    background-color: #eee;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-android {
    /* background-color: #FFB1A0;*/
    background-color: #eee;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-ios {
    /* background-color: #FFB77F;*/
    background-color: #eee;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-others {
    /*background-color: #A6E3E9;*/
    background-color: #eee;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.download-windows-green {
    background-color: #1ba784;
    border-radius: var(--border-radius-xl);
    text-align: center;
}

.main h1, .main h2, .features {
    margin-left: 13%;
    margin-right: 13%;
}

.main {
    height: 45rem;
    width: 100%;
    padding: var(--spacing-32) 0 10% 0;
}

.main h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--font-size-8xl);
}

.main h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: var(--font-size-7xl);
}

.main2 {
    height: 23.75rem;
}

.features {
    margin-top: var(--spacing-16);
    margin-bottom: var(--spacing-24);
}

.feature {
    margin-right: var(--spacing-6);
}

.feature img {
    width: 2.25rem;
    height: 2.25rem;
    margin-right: var(--spacing-1_5);
}

.feature span {
    font-size: var(--font-size-xl);
}

.downloads {
    font-size: var(--font-size-xl);
    margin-top: var(--spacing-5);
    margin-left: 13%;
    margin-right: 19%;
}

.download-windows, .download-macos, .download-linux,
.download-android, .download-ios, .download-others, .download-windows-green {
    width: 17.375rem;
    height: 4.875rem;
    line-height: 3.4;
}
.footer a {
    color: #111111;
}