html,
body {
	margin: 0;
	background-color: var(--background);
	color: var(--color);
	font-size: 1.25rem;
}

* {
	box-sizing: border-box;
}

a {
	color: currentColor;
	text-decoration: none;
    user-select: all;
}

a:hover {
	color: white;
}

nav {
	text-align: center;
}

nav > * + * {
	margin-left: 1ch;
}

header, main {
margin: 32px;
}

main form {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 80ch;
align-items: flex-start;
}

form textarea,
form input {
    font-size: 1rem; 
    font-family: serif;
    border: none;
    padding: 0.5em;
    
}
textarea:focus,
input:focus {
    outline: dotted white;
    }

textarea {
    width: 80ch;
    height: 25ch;
}