body{padding:0;margin:0}#app{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding:15px 20px}@media screen and (min-width: 992px){#app{padding:30px 50px}p{text-align:left}}form.generator{display:flex;flex-direction:column;margin-bottom:1.5em}.generator__input{margin-bottom:1em}.generator-result{background-color:#eee;padding:1em;text-align:left}.generator-result p:first-of-type{margin-top:0}.generator-result p:last-of-type{margin-bottom:0}.generator-result--hidden{display:none}