#assignment {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #69bc4d;

	form {
		width: 20rem;
		background-color: white;
		padding: 2rem;
		display: grid;
		grid-template-rows: repeat(4, 1fr);
		gap: 1rem;
		box-shadow: 2px 2px 10px #404040;

		input {
			padding: 1rem;
			border: none;

			&:not([type="submit"]) {
				background-color: #f2f2f2;
			}

			&[type="submit"] {
				background-color: #00b242;
				color: #fff;
				text-transform: uppercase;
				font-size: 1.2rem;
				cursor: pointer;
				&:active {
					filter: brightness(0.8);
				}
			}
		}

		span {
			text-align: center;
			font-size: 0.9em;
			color: gray;

			a {
				color: #00b242;
				text-decoration: none;

				&:hover {
					text-decoration: underline;
				}

				&:active {
					filter: brightness(0.8);
				}
			}
		}
	}
}