*{margin:0;padding:0;box-sizing:border-box}body{height:100vh;background:#121212}.layout{display:grid;grid-template-columns:1fr 1fr;height:100vh;width:100vw}.viewport{width:100%;height:100%;background:#000}.sidebar{background:#1e1e1e;padding:20px;color:#fff}@media (max-width: 768px){.layout{grid-template-columns:1fr;grid-template-rows:40% 60%}}.compressed .viewport{height:120px!important}@media (max-width: 768px){.compressed{grid-template-rows:120px 1fr!important}}