*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{font-family:sans-serif;font-size:1.6rem;line-height:1.6;background:#282a36;height:100svh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#f8f8f2}div.main-frame{background:#44475a;height:100vh;width:37.5rem}div.main-frame>header{background:#6272a4;height:4rem;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem}div.main-frame>header>hgroup{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;flex-direction:row;position:relative}div.main-frame>header>hgroup>img{position:absolute;height:100%}div.main-frame>header>hgroup>h1{height:100%;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:row;text-align:center}