html {
    scroll-behavior: smooth;
    scrollbar-width: none;
    &>body {
        margin: 0;
        &>div.stage {
            display: none;
            width: 100%;
            height: 100%;
            &:nth-child(2) {
                &>section {
                    width: 25%;
                }
                &>nav {
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    gap: 2rem;
                    position: fixed;
                    width: 1rem;
                    right: 0;
                    &> button {
                        background-color: blue;
                        width: 100%;
                        &.active {
                            transform: scaleX(1.5);
                        }
                    }
                }
                &>div#needle {
                    width: 3rem;
                    height: .5rem;
                    position: fixed;
                    right: 0;
                    background-color: black;
                    transform: translateY(-50%);
                }
            }
        }
    }
}