.base-flex{display:flex;justify-content:center;align-items:center}body{margin:0;height:100vh;width:100%;background:linear-gradient(135deg,#b5d5ee 10%,#4096ef 90%);display:flex;justify-content:center;align-items:center}body .app{margin:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:90vw;display:flex;justify-content:center;align-items:center}body .app .ec-panel{display:flex;justify-content:center;align-items:center;color:#fff;margin:10px;padding:10px;font-size:1.2rem;background-repeat:no-repeat;background-size:cover;background-position:50%;border-radius:20px;position:relative;height:90vh;flex:.5 1;cursor:pointer;transition:all .3s cubic-bezier(.075,.82,.165,1)}body .app .ec-panel.active{flex:5 1}