@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{margin:0;font-family:Roboto,sans-serif}#app{flex-direction:column;height:100%;display:flex}header,main,footer{padding:1rem}header{background:var(--color-primary)}header,footer{text-align:center}main{flex-direction:column;flex-grow:1;display:flex}#tools{display:flex}#settings{flex-direction:column;display:flex}#settings>div+div{margin-top:.5rem}#emits{flex-direction:column;flex-grow:1;height:100%;margin-left:1rem;display:flex}#emits textarea{resize:none;width:100%;height:100%;margin-top:.5rem}footer{background:var(--color-secondary);padding:.75em;font-size:.75rem}main>*+div{margin-top:1rem}label+*{margin-left:.5rem}.row{flex-wrap:wrap;margin-left:-.5rem;display:flex}.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 (width<=600px){#tools{flex-direction:column}#emits{margin-top:1rem;margin-left:0}}