/* LICENSE:
	poppy ribbon's website CSS stylesheets
	by poppy ribbon (https://sosasees.codeberg.page)
	are licensed under
	Creative Commons Zero 1.0 ( https://creativecommons.org/publicdomain/zero/1.0/ )
*/

@import url("colors.css");
@import url("background.css");
@import url("fonts.css");

body {
	background-color: var(--color-site-background);
	background-image: var(--image-site-background);
	background-attachment: fixed;
	margin: 64px 8px;
}

.whitespace-16dp {
	width: 16px;
	height: 16px;
}

.panel {
	width: fit-content;
	background-color: var(--color-panel-background);
	padding: 8px;
	border: 2px solid var(--color-panel-border);
	border-radius: 16px;
	margin: 8px;
}

.--centered {
	margin-left: auto;
	margin-right: auto;
}

.text {
	margin: 0;
	padding: 0;
	color: var(--color-panel-text);
}
.text:hover {
	color: var(--color-panel-text);
}
.text:focus {
	color: var(--color-panel-text);
}
.text:visited {
	color: var(--color-panel-text);
}
.text:active {
	color: var(--color-panel-text);
}

.text--font-default-20dp {
	font-size: 20px;
	font-weight: 500; /* medium */
	font-family: poppy-ribbon-20dp-medium, sans-serif;
}
.text--font-default-24dp {
	font-size: 24px;
	font-weight: 500; /* medium */
	font-family: poppy-ribbon-24dp-medium, sans-serif;
}
.text--font-default-28dp {
	font-size: 28px;
	font-weight: 500; /* medium */
	font-family: poppy-ribbon-28dp-medium, sans-serif;
}
.text--font-default-32dp {
	font-size: 32px;
	font-weight: 500; /* medium */
	font-family: poppy-ribbon-32dp-medium, sans-serif;
}

.flex-layout {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}