.login {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	> div {
		margin-bottom: 20px;
	}

	.header {
		.logo {
			width: 15vw;

			img {
				width: 100%;
				height: 100%;
			}
		}
	}
}

.login-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.login-form-username {
	font-size: 20px!important;
	
	input {
		padding: 20px!important;
		font-size: 20px!important;
	}
}

.session_available {
	width: fit-content;
	height: fit-content;

	padding: 20px;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	border: 1px solid var(--border-color);
	border-radius: 8px;

	.session_card {
		width: fit-content;
		height: fit-content;

		margin: 10px;
        padding: 5px 10px;

		border: 1px solid #e5e5e5;
		border-radius: 8px;
	}
}
