willpower232/TOTPBTF3

body,body *{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}button::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}button,input{font-size:inherit}body{margin:0 auto;min-height:100vh;overscroll-behavior:none}body,body:before{max-width:600px;width:99%}body:before{display:block;line-height:3em;position:fixed;text-align:center;top:0}body.scrollup .buttons,body.scrollup footer{position:sticky}body.scrollup .buttons{bottom:3rem;z-index:100}body.scrollup footer{bottom:0}body.scrollup footer:after{content:"";height:8rem;left:0;position:absolute;right:0;top:-8rem}header{line-height:2rem}main{box-sizing:border-box;min-height:100vh;padding:1rem;position:relative}main,main>form{display:flex;flex-direction:column}main>form{flex-grow:1}main *+*{margin-top:1rem}h1.wholepage{font-size:10vh;line-height:100vh;text-align:center}footer{display:flex;justify-content:space-around}footer a{text-decoration:none}body,body *{color:#d0d0d0}html{background:#515151}html.inverted,html.inverted img{filter:hue-rotate(180deg) invert(100%)}body{background:#333}body:before{background:#590000;color:#fff}body.scrollup footer:after{background:linear-gradient(transparent,#444)}footer,header{background:#444;line-height:2rem}header{display:flex;justify-content:space-around;padding:1rem}header+main{min-height:calc(100vh - 6rem);padding:1rem}header a{text-decoration:none}