body {
	background: #101010;
	color: #e0e0e0;
	font-family: Geist Mono !important;
	font-weight: 200 !important;
	line-height: 1.6;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
    min-height: 100dvh;
	width: 100%;
	gap: 20px;
	padding: 20px;
	margin: auto;
}

@media(max-width: 900px){
	body {
		width: 100%;
		flex-direction: column
	}
}




button {
	cursor: pointer;
	border: none
}

label {
color: white
}
label span {
color: white
}


a {
	color: #fafafa;
	text-decoration: none;
}

a:hover {
	color: var(--main-color) ; 
	font-style: bold
}

input {
	padding: 10px
}



input, textarea {
    width: 100%;
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 4px;
}