html {
	scroll-behavior: smooth;
}

body, body > .ui.pusher {
	background-color: #05070c;
	color: #ddd;
	background-image: url('../images/background_2.webp?dumbcache=3');
	background-size: 100dvw 100dvh;
	background-repeat: no-repeat;
	min-height: 100dvh;
}

.light.teal.item {
	color: #0e9f90;
	transition: color .2s ease-in-out;
}

.light.teal.item:hover {
	color: #1ebfb0;
}

.relaxed.cards {
	gap: 10px;
}

.ui.card > .content p:last-child, .ui.cards > .card > .content p:last-child {
	margin-bottom: 1rem;
}

.interactive.cards > .card {
	user-select: none;
	transition: transform .2s ease-in-out;
}

.interactive.cards > .card:hover {
	transform: scale(105%);
}

#homenextsection {
	position: absolute;
	bottom: 2dvh;
	left: 0;
	width: 100dvw;
	display: flex;
	justify-content: center;
}

#homefader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100dvw;
	height: 100vh;
	background: linear-gradient(rgba(5, 7, 12, 0) 70%, rgba(5, 7, 12, 1));
	pointer-events: none;
}

body.launcher, body.launcher > .ui.pusher {
	background: none;
	color: #000;
}

.inverted.link {
	color: rgba(255, 255, 255, 0.9);
	transition: color .2s ease-in-out;
}

.inverted.link:hover {
	color: #fff;
}

.ui.secondary.pointing.menu .item.header {
	position: absolute;
	height: 2rem;
	opacity: 1;
	transition: opacity .2s ease-in-out;
}

.ui.secondary.pointing.menu .item.header:hover {
	opacity: 0.9;
}

.ui.secondary.pointing.menu {
	background-color: rgba(0, 0, 0, 0.6);
}

.ui.secondary.pointing.menu .item.header > img {
	width: auto;
	height: 2rem;
	margin-top: -0.8rem;
}

.full.height.row {
	min-height: calc(100dvh - 2.75rem);
}

.full.height.row + .full.height.row {
	min-height: 100dvh;
}

.full.height.row + .full.height.row:not(.middle.aligned) {
	padding-top: 3.5rem;
}

.ui.menu .tablet.only.item {
	display: none;
}

.ui.secondary.inverted.pointing.menu .item {
	transition: all .2s ease-in-out;
}

.ui.secondary.inverted.pointing.menu .item:not(.header):hover {
	border-bottom-color: rgba(255, 255, 255, 0.6);
}

.ui.violetnt.button {
	color: #eee;
	background-color: #8a64db;
}

.ui.violetnt.button:hover {
	background-color: #7953ca;
}

.ui.dark.violetnt.button {
	color: #eee;
	background-color: #552ab2;
}

.ui.dark.violetnt.button:hover {
	background-color: #4a2b8c;
}

.logopink.text {
	color: #c398e8;
}

.drop.shadow {
	filter: drop-shadow(0.1rem 0.1rem #333);
}

.zoom.images {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.zoom.images.center.aligned {
	justify-content: center;
}

[data-zoom-image] {
	 width: 256px;
	 height: 192px;
	 background-size: cover;
	 background-position: top center;
	 display: flex;
	 cursor: zoom-in;
	 border-radius: 15px;
	 user-select: none;
	transition: transform .2s ease-in-out;
}

[data-zoom-image]:hover {
	transform: scale(105%);
}

.grid > .row > .grid {
	margin: 0;
	width: 100%;
}

@media only screen and (max-width: 767.98px) {
	.ui.menu .tablet.only.item {
		display: flex;
	}

	.ui.menu .computer.only.item {
		display: none;
	}

	body, body > .ui.pusher {
		background-size: auto 100vh;
		background-position: top center;
	}
}
