body {
        position: relative;
        padding: 0;
        margin: 0;
        user-select: none;
        background-color: var(--bg-extra);
        overflow: hidden;
    }
    .main-container {
        position: fixed;
        background: rgba(255, 255, 255, 0);

        width: 700px;
        height: 300px;

        left: 50%;
        top: 100%;

        transform: translate(-50%, -100%);
    }
    .sec-container {
        position: absolute;
        background: radial-gradient(var(--bg-primary) 0%, var(--bg-secondary) 100%);

        width: 400px;
        height: 400px;

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

        border-radius: 50%;
        border: 0.4px solid var(--bg-extra2);
    }
    .container {
        position: absolute;

        width: 12vh;
        height: 12vh;

        background: radial-gradient(var(--bg-primary) 0%, var(--bg-secondary) 100%);

        top: 10%;
        left: 50%;
        transform: translate(-50%, 0%);

        border: 1px solid transparent;
        border-radius: 50%;
        transition: border 0.3s ease, background 0.3s ease;
    }
    .container:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.2);
        border: 1px solid var(--bg-extra2);
    }
    .a {
        margin-left: 145px;
        margin-top: 45px;
    }
    .b {
        margin-left: 240px;
        margin-top: 155px;
    }
    .c {
        margin-left: -145px;
        margin-top: 45px;
    }
    .d {
        margin-left: -240px;
        margin-top: 155px;
    }
    .fa-solid {
        position: absolute;

        font-size: 50px;
        color: var(--text-primary);

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