@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";:root{--color-primary: #cb997e;--color-secondary: #ffe8d6}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{font-family:Roboto,sans-serif;margin:0}#app{height:100%;display:flex;flex-direction:column}header,main,footer{padding:1rem}header{background:var(--color-primary)}header,footer{text-align:center}main{flex-grow:1;display:flex;flex-direction:column}#tools{display:flex}#settings{display:flex;flex-direction:column}#settings>div+div{margin-top:.5rem}#emits{display:flex;flex-direction:column;flex-grow:1;height:100%;margin-left:1rem}#emits textarea{width:100%;height:100%;resize:none;margin-top:.5rem}footer{background:var(--color-secondary);font-size:.75rem;padding:.75em}main>*+div{margin-top:1rem}label+*{margin-left:.5rem}.row{display:flex;flex-wrap:wrap;margin-left:-.5rem}.row>*{margin-left:.5rem;display:inline-block}.subtitle{font-size:1.25rem;font-style:italic}a{text-decoration:none}a:active,a:hover,a:link,a:visited{color:#fff}@media only screen and (max-width: 600px){#tools{flex-direction:column}#emits{margin-left:0;margin-top:1rem}}