/*@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap');*/

/* https://stackoverflow.com/questions/1417934/how-to-prevent-scrollbar-from-repositioning-web-page */
html {
	overflow-y: scroll;
}

[data-errname] {
	display:none;
	color:#f1165d;
	font-size: .833em;
	font-weight:500;
}

input[type=text],input[type=password],select {
	font-size: .92em;
	font-family: inherit;
	padding: 0.35em 0.5em;
	margin: 0 0 0 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .13em;
	line-height:1em;
	/*transition: 180ms box-shadow ease-in-out;*/
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus {
	border-color: #acacac;
	outline: 0;
	/*box-shadow: 0 0 0 0.2rem #caecff;*/
}

textarea {
	font-size: 1em;
	font-family: inherit;
	padding: 0.35em 0.5em;
	margin: 0 0 .25em 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: .13em;
	line-height:1em;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.a {
	text-decoration:underline;
	cursor:pointer;
	color:#0f6c9f;
	display: inline-block;
}

img.fit {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

img.cover {
	object-fit: cover;
	width: 100%;
	height: 100%;
}