body,html{background-color:#eee}#app,body,html{margin:0;padding:0;height:100%}#app{width:100%;display:flex;flex-direction:column;font-size:2rem;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}#app h1{font-size:2.5rem;padding:.2rem;margin:0}#app .main{height:100%;display:flex;flex-direction:column;justify-content:space-between}#app .main button,#app .main input{min-height:3rem;font-size:inherit;text-align:center}#app .main button{background-color:blue;border:none;color:#fff;cursor:pointer}#app .main button:hover{background-color:#00c}#app img{mix-blend-mode:multiply}@media(min-width:800px){body{display:flex;justify-content:center}body #app{max-width:800px}}@media(min-width:600px){img{max-width:75%;align-self:center}}