styles/globals.module.css

.container {
    position: fixed;
    top: 42px;
    height: calc(100vh - 42px);
    width: 100%;
    border-radius: 25px 25px 0 0;
    box-shadow: 0 0 0 1000px var(--theme-ui-colors-borders);
    transition: 0.3s ease-in-out;
    pointer-events: none;
    background: transparent;
}

.container::-webkit-scrollbar {
    display: none;
}

.container, .container * {
    transform: rotateY(0);
    -webkit-transform: rotateY(0);
}

.centeredSubBar {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}