<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>txt.house</title>
+
+ <style>
+ html {
+ margin: 0;
+ padding: 0;
+
+ font-size: 16px;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ body {
+ margin: 0 3rem;
+ padding: 0;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ font-family: Candara, Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
+
+ width: calc(100% - 6rem);
+ max-width: 40rem;
+ }
+
+ nav {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+ width: 40rem;
+ height: 5rem;
+ }
+
+ nav a {
+ margin-right: 2rem;
+ }
+
+ nav a:active,
+ nav a:hover,
+ nav a:link,
+ nav a:visited {
+ color: black;
+ }
+
+ nav label {
+ margin-right: 0.2rem;
+ }
+
+ nav select {
+ border: none;
+ font-size: 16px;
+ font-family: Candara, Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
+ }
+
+ form.editor {
+ margin-top: 3.6rem;
+ width: 100%;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ form.editor span {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+
+ margin-bottom: 1rem;
+ width: 100%;
+ }
+
+ form.editor label {
+ margin-right: 0.5rem;
+ }
+
+ form.editor input[type=text] {
+ flex-grow: 1;
+ border: 1.5px solid black;
+ border-radius: 0;
+ padding: 0.3rem;
+ }
+
+ form.editor textarea {
+ width: calc(100% - 3px - 1rem);
+ height: 20rem;
+
+ border: 1.5px solid black;
+
+ padding: 0.5rem;
+ margin: 0;
+ margin-bottom: 3rem;
+ }
+
+ form.editor input[type=submit] {
+ border: 1.5px solid black;
+ border-radius: 8px;
+ padding: 1rem;
+
+ font-family: Roboto, "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
+ font-size: 16px;
+
+ color: black;
+ background: white;
+
+ cursor: pointer;
+ }
+
+ form.editor input[type=submit]:hover {
+ background: #dddddd;
+ }
+ </style>
</head>
<body>