@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap");

:root {
	--gray-light: #EDEBE9;
}

body {
	font-family: "Fira Code", monospace !important;
	display: flex;
	justify-content: center; 
	align-items: center; 
	width: 100vw;
	height: 100vh; 
	margin: 0; 
	background-color: var(--gray-light);
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

a { 
	text-decoration: none; 
	color: var(--bs-dark);
	font-size: 1rem; 
	padding: .45rem;
}

form {
	width: 250px;
}

.row-spacing { margin-top: .75rem; }
.row-top-spacing-1 { margin-top: 4rem; }
.row-top-spacing-2 { margin-top: 2rem; }
.row-bottom-spacing-1 { margin-bottom: 4rem; }
.row-bottom-spacing-2 { margin-bottom: 2rem; }

.eye-button {
	border: none;
	background-color: transparent;
	padding: .5rem;
}

.eye-button:focus {
	box-shadow: none;
	outline: none;
	border: none;
}