@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body {
	background: #383838;
	margin: 0;
	font-family: "Ubuntu", sans-serif;
	font-weight: 300;
	font-style: normal;
}

#kortti {
	background: #303030;
	box-shadow: 0px 0px 35px rgba(109, 255, 0, 0.20);
}

#pwd {
	color: rgba(109, 255, 0, 1);
	background: rgba(78, 255, 0, 0.2);
	font-family: "Roboto Mono", monospace;
}

#kortti h4, p {
	color: #00FF1E;
}

hr.rounded {
	border-top: 3px solid #16ba42;
	border-radius: 5px;
}

input[type=number] {
	border: none;
	border-radius: 5px;
	background: rgba(78, 255, 0, 0.2);
	color: rgba(109, 255, 0, 1);
	outline: none;
	padding: 5px;
}

input[type=number]::placeholder {
	color: rgba(109, 255, 0, 1);
}

p, b, h1, h2, h3, h4, h5, input, btn, .p-2 {
	font-family: "Roboto Mono", monospace;
}

a {
	color: rgba(109, 255, 0, 1);
}

a:visited {
	color: rgba(109, 255, 0, 1);
}

a:hover {
	color: rgba(109, 255, 0, 0.8);
}