@media
	{
		input 
		{
			all: unset;
		}
		#loginbox
		{
			position: absolute;
			top: 15vw;
			left: 50vw;
    		transform: translate(-50%, -50%);
			width: 30vw;
			height: 10vw;
			background: var(--blueblack);
			border-radius: 0.5vw;
		}

		#logininput
		{
			background: var(--grey);
			border: none;
			width: 15vw;
			height: 1.5vw;
			padding: 0.3vw;
			text-align: center;
			border-radius: 0.5vw;
		}
	}

@media (max-width: 1400px)
	{
		#loginbox
		{
			width: 50vw;
			height: 15vw;
			border-radius: 1vw;
			top: 20vw;
		}
		#logininput
		{
			width: 20vw;
			height: 2.5vw;
			border-radius: 1vw;
		
		}
	}


@media (max-width: 800px)
	{
		#loginbox
		{
			width: 90vw;
			height: 40vw;
			border-radius: 3vw;
			top: 60vw;
		}
		#logininput
		{
			width: 60vw;
			height: 8vw;
			border-radius: 3vw;
		
		}
	}