.lockPage{
	background-color: #8f604e;
	background-image: url(/src/img/lockBackground.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: space-between;
	flex-direction: column;

}

#backgroundDiv{
	width: 100vw;
	height: 31.52vh;
}

#lockText{
	color: red;
	font-weight: bold;
	font-size: 3.86vh;
	text-align: center;
	position: relative;
	margin: 0 auto;
	background: #fbdf8c;
	border: 0.55vh solid #764e42;
	border-radius: 20px;
	padding: 0.83vh;
	width: 40.8vh;
}

#lockDiv{
	background-image: url(/src/img/lock.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 auto 2.76vh auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-direction: column;
	height: 49.65vh;
	width: 49.65vh;
}

#lockName{
	line-height: 100%;
	margin: 0;
	overflow-wrap: anywhere;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	background: linear-gradient(90deg, red, orange, yellow, green, blue, indigo, violet, red);
	background-clip: text;
	-webkit-background-clip: text;
        -moz-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: rainbow-animation 500s linear infinite;
	text-align: center;
	margin-top: 19.86vh;
	font-size: 3.86vh;
}

#inputToken{
	text-align: center;
	width: 33.1vh;
	font-size: 3.86vh;
}

#validToken{
	font-family: Verdana, sans-serif;
	border-radius: 2000px;
	width: fit-content;
	height: fit-content;
	background-color: red;
	color: white;
	font-size: 3.86vh;
	border: 0.55vh solid #ffba17;
	padding: 0.83vh 8.3vh;
}

@media all and (aspect-ratio < 459/832){
	#backgroundDiv{
		height: 57.14vw;
	}

	#lockText{
		font-size: 7vw;
		border: 1vw solid #764e42;
		padding: 1.5vw;
		width: 74vw;
	}

	#lockDiv{
		height: 90vw;
		width: 90vw;
		margin: 0 auto 5vw auto;
	}

	#lockName{
		margin-top: 36vw;
		font-size: 7vw;
	}

	#inputToken{
		width: 60vw;
		font-size: 7vw;
	}

	#validToken{
		font-size: 7vw;
		border: 1vw solid #ffba17;
		padding: 1.5vw 15vw;
	}
}