body{font-size:16px}header{z-index:100;position:fixed;width:6em;height:6em;top:.5em;left:.5em;background-color:#c6e357;background-image:url(./assets/sn_icon.svg);background-repeat:no-repeat;border:3px #3b4264 solid;box-shadow:3px 3px 0 rgba(0,0,0,.15)}.frame{background-color:#ace8e8;border:3px #3b4264 solid;width:calc(100vw - 2em - 4px);height:calc(100vh - 2em - 4px);width:calc(100dvw - 2em - 4px);height:calc(100dvh - 2em - 4px);position:fixed;top:0;left:0;margin-top:1em;margin-left:1em;display:flex;flex-direction:column}.frame::before{content:"";position:absolute;background-color:#fff;width:calc(6em + 3px);height:calc(6em + 3px);top:-3px;left:-3px;border-bottom:3px #3b4264 solid;border-right:3px #3b4264 solid}.logo{background-image:url(assets/sn_logo.svg);background-repeat:no-repeat;background-position:center;width:60%;height:30%;margin:auto}footer{cursor:default;font-family:'Shippori Antique B1',sans-serif;font-size:10px;font-weight:400;text-align:right;color:#3b4264;background-color:#fff;border:3px #3b4264 solid;z-index:100;position:fixed;bottom:calc(.4em + 2px);right:calc(.4em + 2px);padding:.4em .6em;box-shadow:3px 3px 0 rgba(0,0,0,.15)}