html, body
{
	background-image: url("images/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.container
{
	background-color: #FAD8A7;
	border-top: 10px solid #9A4937;
	border-right: 10px solid #9A4937;
	border-left: 10px solid #9A4937;
	border-radius: 20px 20px 0 0;
  width: 100vw;
  font-family: cutting corners;
  color: #9A4937;
  flex: 1;
}

.row
{
	max-width: fit-content;
	margin-inline: auto;
}

input[type=button], input[type=submit]
{
  background-color: #9A4937;
  border: none;
  border-radius: 10px;
  color: #FAD8A7;
  cursor: pointer;
  padding-inline: 10px;
  padding-block: 5px;
}

input[type=button]:disabled, input[type=submit]:disabled
{
	opacity: 50%;
	cursor: default;
}

@font-face
{
	font-family: cutting corners;
	src: url("fonts/Cutting Corners.ttf");
}

p.desc
{
	font-family: "Times New Roman", Times, serif;
	color: black;
}

.footer
{
	background-color: darkslategray;
	font-family: "Times New Roman", Times, serif;
	max-width: 100vw;
	width: 100vw;
	position: relative;
	bottom: 0px;
	padding: 3px;
}

.mobilemargin
{
	padding-inline: 30px;
}

.crossed
{
	text-decoration-line: line-through;
	opacity: 50%;
	cursor: pointer;
}

.uncrossed
{
	cursor: pointer;
}