:root {
	--primary-300: #899099;
	--primary-200: #80a3d2;
}

h1 {
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
p {
	color: var(--primary-300);
}
a {
	color: var(--primary-200);
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.behind {
	z-index: -1;
	opacity: 0.6;
	position: relative;
}
.d-flex {
	display: flex;
}
.flex-column {
	flex-direction: column;
}
.pl-2 {
	padding-left: 2em;
}
.pt-2 {
	padding-top: 2em;
}
.br-1 {
	border-radius: 1em;
}
.max-w-3 {
	max-width: 30em;
}
.max-w-50 {
	max-width: 50%;
}
.max-h-3 {
	max-height: 25em;
}
.code {
	background-color: #4f4f4f;
	padding: 1px 4px;
	font-family: "Courier New", Courier, monospace;
	color: rgba(255, 255, 255, 0.804);
}

hint {
	color: white;
	font-weight: bold;
}

.overflow-hidden {
	overflow: hidden;
}

.segment {
	padding-bottom: 1em;
}

.percentage {
	width: 100%;
	min-height: 0.6em;
	background-color: gray;
	margin-top: -0.7em;
	z-index: -1;
}
.percentage.js {
	background-color: #c6b63d;
}
.percentage.html {
	background-color: #e34c25;
}
.percentage.css {
	background-color: #563d7c;
}
span.usp {
	font-family: "Poppins";
	font-weight: bold;
}
.transition {
	transition: all 400ms ease;
}

.tabs > button {
	background-color: transparent;
	color: white;
	opacity: 0.5;
	border: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	margin-right: 0.5em;
	transition: opacity 250ms ease;
}
.tabs > button:hover {
	opacity: 1;
}

.tabs > button.active {
	opacity: 1;
	font-weight: bold;
	border-bottom: 1px solid white;
}

.interactable {
	pointer-events: auto;
}

.tab-page.in {
	display: block;
}
.tab-page.out {
	opacity: 0;
}
.tab-page.hidden {
	overflow: hidden;
	height: 0;
	opacity: 0;
	margin: 0;
	padding: 0;
	padding-left: 5em;
}
.tab-page {
	height: auto;
	opacity: 1;
	padding-left: 0px;
	transition: opacity 200ms ease, padding-left 200ms ease,
		padding-right 200ms ease;
}
@keyframes svelte-1gv2i7t-cursorFade{0%,100%{opacity:1}50%{opacity:0}}.typewriter-container.svelte-1gv2i7t *:not(.typing):not(.finished-typing):not([data-static]){display:none}.typewriter-container.svelte-1gv2i7t .finished-typing::after{content:none}.cursor.svelte-1gv2i7t .typing::after{content:'';width:var(--cursor-width, 1ch);height:2ch;display:inline-block;vertical-align:text-top;background-color:var(--cursor-color, #000000);animation:svelte-1gv2i7t-cursorFade 1.25s infinite}p.svelte-1ncuejq{padding:0.2em 0.4em;background-color:#292929;color:#989898;width:fit-content;font-family:"Courier New", Courier, monospace;margin:0;transition:all 200ms}div.svelte-gtjobo{display:flex;flex-direction:column}.post.svelte-sagli0{position:absolute}.posts-container.svelte-uh6w98{z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.posts.svelte-uh6w98{width:1600px;height:900px;max-width:1600px;max-height:900px;margin:5vw;position:relative}.post.svelte-nt6ic0.svelte-nt6ic0{position:absolute;bottom:0;transform:translateY(50%);min-height:0.7em;min-width:0.7em;content:" ";border-radius:50%;background:white;padding:0;border:none}.post.long.svelte-nt6ic0.svelte-nt6ic0{border-radius:22px}.post[data-post-type="1"].svelte-nt6ic0.svelte-nt6ic0{min-height:1em;min-width:1em;background:rgb(77, 233, 222)}.timeline.svelte-nt6ic0.svelte-nt6ic0{position:relative;padding-right:50vw;padding-left:50vw;min-width:100vw;width:fit-content;height:100px;top:var(--top-offset);z-index:2}.timeline-container.svelte-nt6ic0.svelte-nt6ic0{position:relative;width:100%;height:100%;max-width:100vw;overflow:auto}.years.svelte-nt6ic0.svelte-nt6ic0{display:flex;width:fit-content}.years.svelte-nt6ic0>div.svelte-nt6ic0{min-width:40em;font-weight:bold;color:gray;font-family:"Courier New", Courier, monospace}.cursor.svelte-nt6ic0.svelte-nt6ic0{pointer-events:none;display:flex;justify-content:center;position:sticky;z-index:1;top:100%;left:50%;transform:translateY(calc(50% + 6px));width:2em;height:2em;border-radius:50%;border:2px solid #ffffff8b;animation:svelte-nt6ic0-pulse-animation 3s ease;animation-iteration-count:var(--iteration-count)}.cursor-content.svelte-nt6ic0.svelte-nt6ic0{padding-top:1.4em;transform:translateY(100%);min-width:100px;text-align:center}.line.svelte-nt6ic0.svelte-nt6ic0{position:relative;z-index:0;right:0;left:0;top:50%;height:1px;border-bottom:1px solid #414141}@keyframes svelte-nt6ic0-pulse-animation{0%{box-shadow:#ffffff 0 0 0 0}75%{box-shadow:#ff69b400 0 0 0 1em}}.bg.svelte-1lm6olw{position:relative;height:100vh;width:100vw;background:linear-gradient(160deg, #000000, #292929)}.titles-container.svelte-n0stc2{display:flex;min-height:var(--min-height);padding-bottom:var(--padding-bottom);justify-content:space-evenly;align-items:end;opacity:var(--hero-opacity)}.animation-3.svelte-n0stc2{animation:svelte-n0stc2-fade-in-bottom ease 1.4s;animation-fill-mode:forwards;opacity:0}.h-100.svelte-n0stc2{height:100%}@keyframes svelte-n0stc2-fade-in-bottom{0%{opacity:0;padding-top:2em}100%{opacity:1;padding-top:0em}}