style.min.css

body,html{height:100%}html,input{font-family:Segoe UI Historic,Segoe UI Symbol,sans-serif}html{min-width:18em;font-size:106%;line-height:1.34;letter-spacing:.003em;background-color:#eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{overflow:hidden;margin:0}header{position:relative;z-index:2;padding:.74em 2em .74em 3.3em;color:#fff;text-align:center;background-color:#774cff;white-space:nowrap;box-shadow:0 0 .8em .2em #ddd,0 0 3em 2em #eee}header>div{display:flex;flex-direction:row;margin:auto}.flow{order:2}.flow label{display:block;padding:0 .6em;color:#fff;line-height:1.55;cursor:pointer}.flow label:focus,.flow label:hover{background-color:rgba(255,255,255,.15)}form{overflow:hidden;flex:1;order:1}input{position:relative;z-index:1;width:21em;max-width:100%;height:2.1em;padding:.26em 1.81em .36em .65em;font-size:150%;vertical-align:top;border:1px solid transparent;outline:0;box-sizing:border-box;box-shadow:1px 1px 1px rgba(0,0,0,.3)}input:focus{box-shadow:1px 1px 0 1px rgba(0,0,0,.5),1px 1px 1em rgba(0,0,0,.25)}input::-webkit-calendar-picker-indicator{display:none}::-webkit-input-placeholder{color:#333;text-overflow:ellipsis!important;white-space:nowrap;-webkit-user-select:none;user-select:none}[placeholder]:focus::-webkit-input-placeholder{opacity:.54}button{-webkit-appearance:none;position:relative;z-index:1;width:3.75em;height:3.975em;padding:.6em;margin-left:-3.8em;color:initial;background-color:transparent;border:1px solid transparent;outline:0;cursor:pointer}button:active,button:focus{background-color:#f3f3f3}button svg{width:100%;height:100%;fill:currentColor;vertical-align:top;filter:drop-shadow(1px 1px 0 #fff)}iframe{position:relative;z-index:1;border:0}.content{width:100vw;height:calc(100vh - 4.5em)}.progress{overflow-y:scroll;position:absolute;top:3.4em;width:100%;height:calc(100vh - 3.4em);padding:.5em 1.5em;font-size:132%;text-align:center;box-sizing:border-box;cursor:default}h1{margin-top:.15em;font-weight:400;font-size:250%;text-shadow:1px 1px 0 #fff;-webkit-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}h1 small{display:block;font-size:23%;white-space:nowrap}p{margin-bottom:0;white-space:nowrap}.logo{overflow:hidden;margin:1.7em auto 0;width:calc(100vw - 3em);max-width:11em;height:calc(100vw - 3em);max-height:11em;transform:translateZ(0);border-radius:100%}.logo:after,.logo:before{border-radius:100%;content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 2em 0 0 1.2em rgba(243,0,255,.6),inset 0 -1.7em 0 rgba(0,150,255,.7),inset 0 2em 0 rgba(249,255,0,.6),inset -1.7em 0 0 rgba(0,255,0,.5),inset 0 0 0 8em rgba(0,0,0,.6)}.logo:after{transform:rotate(45deg)}.logo span{width:4em;height:4em;display:block;position:relative;overflow:hidden;z-index:1;margin:auto;top:24%;right:-2%;font-size:138%}.logo span:before{content:"";position:absolute;bottom:0;left:0;background:#fff;height:28%;width:28%;display:block;border-radius:100%}.logo span:after{content:"";position:absolute;bottom:-78%;left:-78%;height:125%;width:125%;display:block;border:.7em solid #000;box-shadow:0 0 0 .75em #fff,0 0 0 .75em #fff inset;border-radius:100%}ul{overflow:hidden;position:relative;max-width:14em;max-height:9em;padding:0;padding-left:1.9em;margin:auto;color:#555;line-height:1.5;font-size:73%;text-align:left;white-space:nowrap}ul:before{content:"";position:absolute;top:9em;left:0;right:0;box-shadow:0 0 2em 1em #eee}ul div{overflow:hidden;width:100%;float:right;text-overflow:ellipsis}.spin{display:inline-block;padding:.3em;margin:.26em;vertical-align:top;border:.16em solid currentColor;border-bottom-color:transparent;border-radius:100%;animation:spin .36s infinite linear}@keyframes spin{to{transform:rotate(360deg)}}