a:hover {
	color: #000;
}

body {
	background-image: linear-gradient(#fff, var(--background-color));
}

form {
	border: 2px solid #fff;
    border-radius: 8px;
	display: grid;
	grid-template-columns: auto auto;
	grid-gap: var(--space-small) var(--space-small);
	justify-content: flex-start;
    padding: var(--space-standard);
}

input {
	grid-column: 2 / 3; 
	height: 2em;
}

label {
	grid-column: 1 / 2; 
	text-align: right;
}

main {
	gap: var(--space-standard);
}

section {
    padding: var(--space-standard);
}

section.retired {
    border-radius: 100px;
}

section.leave-work {
	color: #fff;
    background-color: #000;
    background-image: linear-gradient(#382DFF00, #382DFF2B, #FF8061B5);
}

section.making-faces
{
	color: #011993;
	background-color: #F4F5F5;
	background-image: linear-gradient(var(--background-color), #FFFFFF, var(--background-color));
}

section.password-generator {
	color: #fff;
    background-color: #4D4D4D;
}