html {
    overflow: hidden;

    body {
        height: 100dvh;
        display: flex;
        flex-direction: column;

        main {
            gap: 1rem;
            flex-grow: 1;
            display: grid;
            margin-top: 64px;
            grid-template-columns: repeat(2, 1fr);

            .v-card {
                display: flex;
                flex-direction: column;

                .v-card-text {
                    flex-grow: 1;
                    position: relative;

                    pre {
                        flex-direction: column;
                        position: relative;
                        display: flex;
                        height: 100%;

                        code {
                            position: absolute;
                            height: 100%;
                            width: 100%;
                            flex-grow: 1;
                            overflow: auto;
                        }
                    }
                }
            }
        }
    }
}