html{box-sizing:border-box;min-height:100%}*,*:before,*:after{box-sizing:inherit}body{background-color:teal;font-family:MS Sans Serif,sans-serif;margin:0;padding:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}.window{top:50px;left:50%}@media (max-width: 768px){.window{top:15px;left:50%;transform:translate(-50%)}}.active{z-index:9999!important}.background-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(1.5rem,4vw,2rem);opacity:.5;text-align:center;pointer-events:none}.window.maximized{position:fixed!important;top:0!important;left:0!important;transform:none!important;width:100vw!important;height:100vh!important;max-width:100vw!important;max-height:100vh!important;border-radius:0!important}@media (max-width: 768px){.background-text{font-size:clamp(1.2rem,6vw,1.6rem);padding:0 12px}}