body{background:var(--bg-color)}#App{width:600px;height:100vh;margin:0 auto}#App,main{position:relative}main{min-height:400px;padding:2rem}header{text-align:center;padding:1rem}ol{list-style-position:inside}ol li a{color:#fff}.footer{position:fixed;bottom:0;font-size:.8rem;height:65px;background:var(--bg-dark);width:inherit;text-align:center;padding-top:2rem}.w-70{width:70%}@media screen and (max-width:600px){#App{position:relative;width:100%;height:auto;margin:0 auto;margin-bottom:1rem}input[type=submit]{min-width:-webkit-fit-content!important;min-width:-moz-fit-content!important;min-width:fit-content!important}.w-70{width:90%}}