header {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 20;
    display: flex;
    gap: 0px;
    justify-content: center;
}

header div#langLink a > div {
    height: 40px;
    display: flex;
    border-radius: 0px 10px 0px 0px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
    padding: 0px 20px;
}

header#mainHeader div#langLink a > div {
    background-color: #00000042;
}

header:not(#mainHeader) div#langLink a > div {
    background-color: #FFFFFF22;
}

header#mainHeader div#langLink a > div:hover > p {
    color: #AAAAAA;
}

header:not(#mainHeader) div#langLink a > div:hover > p {
    color: #626262;
}

header div#langLink a > div:hover {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

header#mainHeader div#langLink a > div:hover {
    background-color: #AABBFF22;
}

header:not(#mainHeader) div#langLink a > div:hover {
    background-color: #AABBFF22;
}

header div#langLink a > div > p {
    margin: auto;
}

header:not(#mainHeader) div#langLink a > div > p {
    color: #000000;
}

header > div > a:hover div p {
    color: #AAAAAA;
}

header > div > a > div {
    margin: auto;
}

header div#menu {
    position: relative;
    top: 0px;
    right: 0px;
    display: flex;
    max-width: calc(100vw - 100px);
    overflow: scroll;
}

header div#menu > a > div > p {
    margin: auto;
}

header:not(#mainHeader) div#menu > a > div > p {
    color: #000000;
}

header div#menu > a > div {
    height: 40px;
    display: flex;
    border-radius: 0px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
    padding: 0px 20px;
}

header#mainHeader div#menu > a > div {
    background-color: #00000042;
}

header:not(#mainHeader) div#menu > a > div {
    background-color: #FFFFFF22;
}

header div#menu > a:first-child div {
    border-radius: 10px 0px 0px 0px;
}

header div#menu > a > div:hover {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

header#mainHeader div#menu > a > div:hover {
    background-color: #AABBFF22;
}

header:not(#mainHeader) div#menu > a > div:hover {
    background-color: #AABBFF22;
}

header#mainHeader div#menu a div:hover p {
    color: #AAAAAA;
}

header:not(#mainHeader) div#menu a div:hover p {
    color: #626262;
}

header div#menu div a {
    margin: auto;
}

header a#backButton div {
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 40px;
    width: 80px;
    display: flex;
    border-radius: 0px 10px 0px 0px;
    background-color: #FFFFFF22;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    cursor: pointer;
    z-index: 20;
}

header a#backButton div:hover {
    background-color: #AABBFF22;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

header a#backButton div:hover p {
    color: #626262;
}

header a#backButton div p {
    margin: auto;
    color: #000000;
}

@media screen and (max-width: 720px){
    header {
        bottom: 50px;
    }
    
    header div#menu > a:first-child > div {
        border-radius: 10px 0px 0px 10px;
    }
    
    header div#langLink > a > div {
        border-radius: 0px 10px 10px 0px;
    }
}