body{
	background: #1a428a;
	#login{
		height: 100vh;
		max-width: 100vw;
		width: 100%;
		padding: 0;
		margin: 0;
		position: relative;
		display:grid;
		grid-template-columns: repeat(2, 1fr);
		@media screen and (max-width:768px){
			display:flex;
			flex-direction: column;
			height:auto;
		}
		h1{
			grid-area: 1 / 1;
			display:flex;
			justify-content:center;
			align-items:center;
			a{
				height: 90px;
				background-position: center;
				margin: 1rem auto;
			}
		}
		.notice-info{
			margin-bottom: 0;
			border-left: 0;
			grid-area: 1 / 2;
			display: flex;
			justify-content: end;
			flex-direction:column;
			align-items:center;
            background:transparent;
			p{
				max-width: 300px;
			}
		}
        .notice-error{
			margin-bottom: 0;
			border-left: 0;
			grid-area: 1 / 2;
			display: flex;
			justify-content: end;
			flex-direction:column;
			align-items:center;
            background:transparent;
			p{
				max-width: 300px;
			}
		}
		form{
			margin-top: 0;
			grid-area: 1 / 2;
			display: flex;
			flex-direction:column;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap;
			gap: 1rem;
			align-content: center;
			&#lostpasswordform{
				justify-content: start;
				grid-area: 2 / 2;
				border: 0;
			}
			> * {
				width: 300px;
			}
			#wfls-prompt-overlay{
				width: 100%;
				@media screen and (max-width:768px){
					padding:0;
				}
				#wfls-prompt-wrapper{
					margin:auto;
					max-width: 300px;
				}
			}
		}
		#nav{
			position: absolute;
			bottom: 2rem;
			right: 2rem;
			@media screen and (max-width:768px){
				position:relative;
				inset: unset;
			}
			a{
				color: white;
				padding: 0.5rem 1.2rem;
				background: #23428a;
				border-radius: 5px;
			}
		}
		#backtoblog{
			display:none;
		}
	}
	.language-switcher{
		color: white;
		position: absolute;
		bottom: 0;
		left: 2rem;
		@media screen and (max-width:768px){
			position:relative;
			inset: unset;
		}
	}
}