:root
{
--color-words: rgba(255, 255, 255, 0.1);
--color-warning: #ffffff;
}

#container
{
width: 98vw;
height: 98vh;
justify-content: center;
align-items: center;
}

#logoZone
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
border: 1px solid var(--color-warning);
}

form
{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
box-sizing: border-box;
border: 1px solid var(--color-one);
}

	@media screen and (orientation: landscape)
	{
		#logoZone
		{
		width: 38vw;
		height: 58vh;
		}
		
		form
		{
		width: 28vw;
		height: 48vh;
		}
		
		.warning
		{
		color: var(--color-warning);
		font-size: 4vw;
		}
	}


	@media screen and (orientation: portrait)
	{
		#logoZone
		{
		width: 60vw;
		height: 40vh;
		}
		
		form
		{
		width: 58vw;
		height: 38vh;
		}
		
		.warning
		{
		color: var(--color-warning);
		font-size: 5vh;
		}
	}