body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:1.5em;
}

main {
    width:98%;
    margin:1em auto;
}

body>nav {
    margin:0;
    padding:0;
}

body>nav>ul {
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    gap:2em;
}

body>nav li {
    list-style-type: none;
}

header, footer {
    text-align: center;
}

textarea, output {
    width:50%;
    height:40vh;
    resize:none;
    border:1px solid black;
    padding:.25em;
}

button {
    padding:.5em 1em;
    cursor: pointer;
}