.greeting {
	&.root {
		margin: 0;
		margin-left: .5em;
		margin-right: .5em;
		padding: 0;
		text-align: left;
		font-size: 3.5em;
		font-weight: 400;
		width: max-content;
		color: var(--color-text-acc);
	}
}

.dateTime {
	&.root {
		display: flex;
		font-family: -apple-system, Jost, BlinkMacSystemFont, Helvetica Neue, Roboto,
			sans-serif !important;
		font-size: 28px;
		margin: 0;
		padding: 0;
		margin-right: 1em;
		text-transform: uppercase;
		font-weight: 300;
		color: var(--color-text-pri);
	}
}

.sectionTitle {
	&.root {
		text-decoration: underline;
		font-size: 20px;
		font-weight: 200;
		font-style: italic;
		height: 10px;
		text-transform: uppercase;
		margin-top: 20px;
		margin-bottom: 20px;
		color: var(--color-text-pri);
	}
}

.label {
	&.root {
		color: var(--color-text-pri);
	}
}

.appName {
	&.root {
		font-weight: 400;
		font-size: 11px;
		font-style: normal;
		color: var(--color-text-pri);
		font-family: "Jost", sans-serif;
		margin: 0;
	}
}

.appUrl {
	&.root {
		font-size: 11px;
		font-weight: 400;
		font-style: italic;
		text-transform: uppercase;
		color: var(--color-text-acc);
		margin: 0;
	}
}

.linkCategory {
	&.root {
		font-size: 14px;
		font-weight: 400;
		height: 10px;
		color: var(--color-text-acc);
		text-transform: uppercase;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

.linkItem {
	&.root {
		display: block;
		font-size: 14px;
		line-height: 2;
		color: var(--color-text-pri);
		&:hover {
			text-decoration: underline;
		}
	}
}

.settingsTitle {
	&.root {
		font-size: 32px;
		font-weight: bold;
		padding-top: 1.5rem;
		color: var(--color-text-pri);
	}
}

.settingsSubTitle {
	&.root {
		font-size: 24px;
		font-weight: bold;
		padding-top: 1.5rem;
		color: var(--color-text-pri);
	}
}

.settingsLink {
	&.root {
		font-size: 1.25em;
		display: block;
		margin-left: 0;
		margin-right: 0;
		line-height: 2;
		justify-self: center;
		color: var(--color-text-pri);
		border-radius: 1em;
		&:hover {
			background-color: var(--color-text-acc);
		}
	}
}

a {
	color: var(--color-text-pri);
	text-decoration: none;
}

a:hover #app-address {
	text-decoration: underline;
	text-decoration-color: var(--color-border);
}