/* CSS configuration for the URL selection page */

.main-container {
	>.image-container {
		&.logo {
			background-color: var(--white);
			box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
			top: 0;

			>img {
				width: min(90%, 320px);
				margin-left: auto;
				margin-right: auto;
				display: block;
			}
		}

		padding: 14px;
		margin-bottom: 40px;
	}

	>.links-container {
		margin: 10px;

		.btn {
			width: 100%;
		}
	}
}

.qr-code-container {
	text-align: center;
}

.qr-code {
	max-width: 180px;
	width: 50vw;
	max-height: 180px;
}

.qr-code-description {
	text-align: center;
	font-size: .7rem
}

.flex-container {
	display: flex;
	&.horizontal {
		flex-direction: row;
	}

	&.vertical {
		flex-direction: column;
	}

	>* {
		flex-grow: 1;

		&.expand {
			flex-grow: 99999;
		}
	}
}