:root {
    --rounded:.25rem;
    --rounded-s:.1rem;
    --rounded-m:.3rem;
    --rounded-l:.5rem;
    --rounded-xl:.7rem;
}






#partial {
    
}

@media (min-width: 49.6rem) {
    body {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 1em 2em;
        height: 100vh;
        overflow: hidden;
    }
    #app {
        width: 100%;
        height: 95vh;
        background: #3333;
        border-radius:var(--rounded-xl);
    }
    
  
}
@media (min-width: 38.4rem) {
  
  
  
}