body {
    margin: 0;
    height: 100%;
    width: 100%;
}

.magic-link {
    background-color: var(--pico-switch-background-color);
}

.repos {
    width: 100%;
    margin-bottom: 2rem;
    padding-bottom: 6rem;

    article {
        display: flex;
        align-items: start;

        details {
            width: 100%;
            margin-right: 1rem;
        }

        form {
            button {
                margin: 0;
                width: max-content;
            }
        }
    }
}

.index {
    height: calc(100dvh - 6rem);
    display: flex;
    flex-direction: column;

    h2 {
        font-size: 1.5em;
    }

    .form-title {
        text-transform: uppercase;
    }

    .description {
        margin-bottom: 1rem;
    }

    .form {
        background-color: var(--pico-background-color);
        position: fixed;
        bottom: 0;
        left: 0;
        padding: 1em;
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-top: 2px solid var(--pico-primary);
    }

    .form-content {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5em;
    }

    input {
        width: 80%;
        margin-bottom: 0;
    }
}

nav {
    padding: 1rem 2rem 0 2rem;
}