@font-face {
    font-family: "Merriweather";
    src: url(assets/Merriweather.ttf);
}

html {
    font: 100%/1.5 "Merriweather";
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

button {
    cursor: pointer;
}

.box {
    width: min(50rem, 90vw);
    outline: 0.125rem solid black;
    box-sizing: border-box;
    padding: 0.3125rem;
    margin: 0.5rem auto;
}

.box h2,
.box h3,
.box h4,
.box label,
.box textarea,
.box p {
    margin: 0.3125rem;
}

.box #submit {
    background: none;
    border: none;
    padding: 0;
    text-align: center;
    color: blue;
    cursor: pointer;
    margin: 0.5rem auto;
    display: block;
}

#getHome {
    background: none;
    border: none;
    padding: 0;
    text-align: center;
    color: blue;
    cursor: pointer;
    margin: 0.5rem auto;
    display: block;
    text-decoration: none; /* ensures <a> looks like a button */
    font: inherit;         /* match parent font */
}

/* Form rows with flex layout */
.box .form-row {
    display: flex;
    align-items: flex-start; /* top-align inputs/textarea with label */
    margin-bottom: 8px;
}

/* Labels */
.box .form-row label {
    width: 120px;
    text-align: right;
    margin-right: 10px;
    line-height: 1.5;
}

/* Inputs and Textareas */
.box .form-row input,
.box .form-row textarea {
    width: 60%; /* fixed width */
    flex: none; /* prevent flex-grow from overriding width */
    box-sizing: border-box; /* include padding and border in width */
    padding: 0.25em 0.5em; /* slim padding */
    margin: 0; /* remove extra margin */
    font-family: inherit; /* match the form font */
    font-size: 1em; /* consistent font size */
    line-height: 1.2; /* less tall, slimmer appearance */
}

.box .form-row textarea {
    height: 4em; /* slim default height */
    resize: vertical; /* allow vertical resizing */
}

/* List styles */
.box ul {
    padding-left: 1rem;
    margin: 0;
}

.box ul li {
    line-height: 1.5;
	margin: 0.3125rem;
}

.box ul li a {
	text-decoration: none;
}

.admin-thread {
    color: #8b0000;
}

ul li {
  list-style-type: none; /* removes default bullets */
  padding-left: 0;       /* optional: remove default padding */
}

ul li::before {
  content: "- ";         /* adds hyphen before each item */
}