@charset "utf-8";
/* CSS Document */

* {
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100svh;
    display: flex;
    font-family: 'Heebo', sans-serif;
    justify-content: center;
    flex-direction: column;
    background-color: var(--dark-bg-color);
    position: relative;
}

.body_bg {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .1;
    --u: 2vmin;
    --c1: var(--litgh-bg-color);
    --c2: var(--bg-color);
    --s1: #0002;
    --gp: 50%/calc(var(--u) * 10) calc(var(--u) * 10);
    background: repeating-conic-gradient(from 0deg at 50% 13.75%, var(--s1) 0 20.55%, #fff0 21.05% 79.13%, var(--s1) 79.63% 100%) var(--gp),
    repeating-conic-gradient(from 0deg at 50% 50%, #fff0 0 25%, var(--s1) 25% 29%, #fff0 30% 70%, var(--s1) 71% 75%, #fff0 75% 100%) var(--gp),
    repeating-conic-gradient(from 0deg at 50% 50%, var(--c1) 0 25%, var(--c2) 0% 50%, var(--c1) 0 75%, var(--c2) 0% 100%) var(--gp);
}

.logo {
    display: flex;
    justify-content: center;
    background-color: var(--bg-color);
    border-bottom: 1px solid var(--line-color);
    color: white;
    width: 100%;
    padding: 20px 0;
}

.logo p {
    margin-top: 3px;
    font-weight: bold;
}

.logo img {
    width: 24px;
    margin-right: 8px;
}