@import 'normalize.css';
@import 'sakura-hacked.css';

body {
    display: flex;
    flex-direction: row-reverse;
}

.preview, .timeline {
    width: 50vw;
    height: 100vh;
}

.preview {
    /*
      creates a new containing block
      such that the position:fixed fps stats
      will be positioned relative to this
    */
    transform: rotate(0deg);
    
    /* dunno */
    overflow-y: hidden;
}

.timeline {
    overflow-y: scroll;
}

@media (max-aspect-ratio: 1/1) {
    body {
        flex-direction: column;
    }
    
    .preview, .timeline {
        width: 100vw;
        height: 50vh;
    }
}
