:root {
    --bg-color: #161036;
    --star-color: #5E53E1;
    --text-color: #a7a6e0;
}

* {
    -webkit-user-select: none;
    user-select: none;
}

html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    width: 100%;

    background-color: var(--bg-color);
    background-image: radial-gradient(circle at 50% 100%, rgba(99, 106, 199, 0.2) 0%, rgba(99, 106, 199, 0) 75%)
}

a, a:visited, a:hover, a:active {
	color: inherit;
}

.header-main {
    position: fixed;

    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    z-index: 1;
}

.header-main::before, .header-main::after {
    content: "";
}

.header-main, .header-padding {
    width: 100%;
    height: 15%;
}

.header-padding {
    position: relative;
}

.body-content {
    position: relative;

    width: 100%;
    height: 85%;
}

.header-logo {
    position: relative;
    height: 100%;
    aspect-ratio: 1 / 1;
}

.header-logo-img {
    width: 100%;
    height: 100%;

    background-image: url("/static/resources/gold.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    -webkit-mask: url("/static/resources/sig.png") no-repeat center;
    mask: url("/static/resources/sig.png") no-repeat center;
    mask-size: 100%;
}

.header-logo::before {
    content: "";

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 200%;
    height: 100%;

    background: radial-gradient(ellipse at center, rgb(235, 214, 94) 0%, transparent 40%);
    opacity: 30%;
}

.galaxy-bg {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;

    overflow: hidden;

    z-index: -1;
}

.galaxy-bg-img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;

    width: 100%;

    filter: brightness(50%);
}

@media (aspect-ratio < 31 / 26) {
    .galaxy-bg-img {
        width: auto;
        height: 100%;
    }
}

.version-container {
    position: absolute;
    top: 0%;
    left: 0%;
}

.version-text {
    color: white;
}