/* /Pages/Contact.razor.rz.scp.css */
.contact[b-04opb2a48a] {
	--page-padding: 1rem;
}

.contact[b-04opb2a48a] {
	padding: var(--page-padding);
	overflow: hidden;
	margin-bottom: 4rem;
}

.contact__grid[b-04opb2a48a] {
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.contact__info-grid[b-04opb2a48a] {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (min-width: 768px) {
	.contact[b-04opb2a48a] {
		--page-padding: 2rem 1rem;
	}
}

@media (min-width: 992px) {
	.contact__grid[b-04opb2a48a] {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 7rem;
	}

	.contact__info-grid[b-04opb2a48a] {
		margin-bottom: 0;
	}
}
/* /Pages/Home.razor.rz.scp.css */
.home[b-h7l5vr7vof] {
	--photo-size: 17rem;
	--photo-img-scale: 0.90;
	--photo-img-size: calc(var(--photo-size) * var(--photo-img-scale));

	--greeting-font-size: 2.25rem;
	--description-font-size: 0.75rem;
	--stat-number-font-size: 2rem;

	--gap-main: 3rem;
	--gap-container: 2rem;
	--gap-stats: 1.25rem;

	--cta-max-width: 15rem;
	--cta-width: 50%;

	--animation-rotate-speed: 10s;
	--border-radius-photo: 50vw;

	--photo-bg-color: var(--color-1-light);
	--role-color: var(--color-2-lighter);
	--greeting-color: var(--color-3-lightest);
	--name-color: var(--color-2-lighter);
	--description-color: var(--color-3-dark);
	--stat-color: var(--color-3-light);
	--stat-number-color: var(--color-3-lightest);
	--primary-font: var(--font-1);
}

.home[b-h7l5vr7vof] {
	display: flex;
	flex-direction: column;
	padding: 1rem;
	gap: var(--gap-main);
	margin-bottom: 4rem;
}

.home__container[b-h7l5vr7vof] {
	display: flex;
	flex-direction: column;
	gap: var(--gap-container);
	text-align: center;
}

.home__photo[b-h7l5vr7vof] {
	position: relative;
	width: var(--photo-size);
	height: var(--photo-size);
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.home__photo-border[b-h7l5vr7vof] {
	position: absolute;
	width: var(--photo-size);
	height: var(--photo-size);
	animation: rotate-b-h7l5vr7vof var(--animation-rotate-speed) linear infinite;
}

.home__photo-img[b-h7l5vr7vof] {
	width: var(--photo-img-size);
	height: var(--photo-img-size);
	background-color: var(--photo-bg-color);
	object-fit: cover;
	border-radius: var(--border-radius-photo);
}

.home__intro[b-h7l5vr7vof] {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home__role[b-h7l5vr7vof] {
	text-transform: uppercase;
	color: var(--role-color);
	text-align: center;
}

.home__greeting[b-h7l5vr7vof] {
	font-size: var(--greeting-font-size);
	font-weight: 900;
	font-family: var(--primary-font);
	color: var(--greeting-color);
	margin-bottom: 1.5rem;
	flex: 2;
}

.home__name[b-h7l5vr7vof] {
	color: var(--name-color);
}

.home__description[b-h7l5vr7vof] {
	font-size: var(--description-font-size);
	color: var(--description-color);
	margin-bottom: 2rem;
	flex: 1;
}

.home__cta-wrapper[b-h7l5vr7vof] {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

.home__cta[b-h7l5vr7vof] {
	max-width: var(--cta-max-width);
	width: var(--cta-width);
}

.home__stats[b-h7l5vr7vof] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--gap-stats);
}

.home__stat[b-h7l5vr7vof] {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--primary-font);
	line-height: 1.3;
	font-size: 0.75rem;
	color: var(--stat-color);
	gap: 0.5rem;
}

.home__stat-number[b-h7l5vr7vof] {
	color: var(--stat-number-color);
	font-size: var(--stat-number-font-size);
	font-weight: 800;
}

@keyframes rotate-b-h7l5vr7vof {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@media (min-width: 576px) {
	.home[b-h7l5vr7vof] {
		--greeting-font-size: 2.75rem;
	}

	.home__cta-wrapper[b-h7l5vr7vof] {
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 768px) {
	.home[b-h7l5vr7vof] {
		--photo-size: 20rem;
		--greeting-font-size: 3rem;
	}
}

@media (min-width: 992px) {
	.home[b-h7l5vr7vof] {
		padding: 2rem 1rem;
		gap: 4rem;
	}

	.home__container[b-h7l5vr7vof] {
		flex-direction: row-reverse;
		text-align: left;
	}

	.home__intro[b-h7l5vr7vof] {
		width: 50%;
		align-items: flex-start;
	}

	.home__role[b-h7l5vr7vof] {
		text-align: left;
	}

	.home__cta-wrapper[b-h7l5vr7vof] {
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.home__stats[b-h7l5vr7vof] {
		flex-direction: row;
		justify-content: space-between;
	}
}
/* /Pages/Projects.razor.rz.scp.css */
.projects[b-6twk8l9o16] {
	--page-padding: 1rem;
	--no-content-color: var(--color-3-dark);
}

.projects[b-6twk8l9o16] {
	padding: var(--page-padding);
	margin-bottom: 4rem;
}

.projects__no-content[b-6twk8l9o16] {
	margin-top: 50px;
	font-size: 0.875rem;
	text-align: center;
	color: var(--no-content-color);
}

@media (min-width: 768px) {
	.projects[b-6twk8l9o16] {
		--page-padding: 2rem 1rem;
	}
}
/* /Pages/Resume.razor.rz.scp.css */
.resume[b-qrqy5bglwt] {
	--section-padding: 1rem;
	--section-gap: 2rem;

	--title-weight: 700;
	--subtitle-weight: 300;

	--nav-button-padding: 0.65rem 1rem;
	--nav-button-font-size: 0.7rem;
	--nav-button-font-weight: 200;

	--color-bg: var(--color-1-light);
	--color-hover: var(--color-1-lighter);
	--color-active: var(--color-2-lighter);
	--color-text: var(--color-3-lightest);
	--color-subtext: var(--color-3-dark);

	--color-subtitle: var(--color-subtext);
}

.resume[b-qrqy5bglwt] {
	display: flex;
	flex-direction: column;
	padding: var(--section-padding);
	gap: var(--section-gap);
	margin-bottom: 4rem;
}

.resume__title[b-qrqy5bglwt] {
	margin-bottom: 1.5rem;
	font-weight: var(--title-weight);
	text-align: center;
	padding: 0 0.45rem;
}

.resume__subtitle[b-qrqy5bglwt] {
	color: var(--color-subtitle);
	font-weight: var(--subtitle-weight);
	margin-bottom: 2rem;
	text-align: center;
	padding: 0 0.45rem;
}

.resume__nav-button-wrapper[b-qrqy5bglwt] {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-bottom: 2rem;
	max-height: 250px;
	overflow: auto;
	padding: 0 0.45rem;
	scrollbar-width: thin;
	scrollbar-color: var(--color-active) transparent;
}

.resume__nav-button-wrapper[b-qrqy5bglwt]::-webkit-scrollbar {
	width: 6px;
}

.resume__nav-button-wrapper[b-qrqy5bglwt]::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 4px;
}

.resume__nav-button-wrapper[b-qrqy5bglwt]::-webkit-scrollbar-thumb {
	background-color: var(--color-active);
	border-radius: 4px;
}

.resume__nav-button-wrapper[b-qrqy5bglwt]::-webkit-scrollbar-thumb:hover {
	background-color: var(--color-hover);
}

.resume__nav-button[b-qrqy5bglwt] {
	font-family: var(--font-family);
	padding: var(--nav-button-padding);
	border: none;
	font-weight: var(--nav-button-font-weight);
	font-size: var(--nav-button-font-size);
	background-color: var(--color-bg);
	color: var(--color-text);
	cursor: pointer;
	transition: background-color 0.2s ease-out;
	border-radius: 50vw;
}

.resume__nav-button:hover[b-qrqy5bglwt] {
	background-color: var(--color-hover);
}

.resume__nav-button--active[b-qrqy5bglwt] {
	background-color: var(--color-active);
	color: var(--color-text);
	font-weight: 700;
}

.resume__nav-button--active:hover[b-qrqy5bglwt] {
	background-color: var(--color-active);
}

.resume__content[b-qrqy5bglwt] {
	width: 100%;
}

@media (min-width: 768px) {
	.resume[b-qrqy5bglwt] {
		flex-direction: row;
		padding: 2rem 1rem;
	}

	.resume__nav[b-qrqy5bglwt] {
		width: 30%;
		flex-shrink: 0;
	}

	.resume__title[b-qrqy5bglwt],
	.resume__subtitle[b-qrqy5bglwt] {
		text-align: left;
	}
}
/* /Pages/Services.razor.rz.scp.css */
.services[b-w7ygqhey72] {
	--padding-block: 1rem;
	--grid-gap: 2.5rem;
	--grid-columns: 1fr;
	--grid-margin: 1rem 0;
}

.services[b-w7ygqhey72] {
	padding: var(--padding-block);
	text-align: center;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-bottom: 4rem;
}

.services__grid[b-w7ygqhey72] {
	margin: var(--grid-margin);
	display: grid;
	gap: var(--grid-gap);
	grid-template-columns: var(--grid-columns);
	align-self: stretch;
}

@media (min-width: 768px) {
	.services[b-w7ygqhey72] {
		--grid-margin: 2rem 0 6.25rem 0;
	}
}

@media (min-width: 992px) {
	.services[b-w7ygqhey72] {
		--grid-columns: repeat(2, 1fr);
	}
}
/* /Shared/Components/Branding/Brand.razor.rz.scp.css */
.brand[b-3gnx51o1g3] {
	--highlight-color: var(--color-2-lighter);
	--highlight-hover-color: var(--color-2-light);
}

.brand[b-3gnx51o1g3] {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s ease-out;
}

.brand:hover[b-3gnx51o1g3] {
	--highlight-color: var(--highlight-hover-color);
}

[b-3gnx51o1g3] .brand__link {
	width: inherit;
	height: inherit;
	text-decoration: none;
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brand__name[b-3gnx51o1g3] {
	display: flex;
	flex: 1;
	margin: 0;
	font-weight: bolder;

}

.brand__name--highlighted[b-3gnx51o1g3] {
	color: var(--highlight-color);
}
/* /Shared/Components/Cards/InfoCard.razor.rz.scp.css */
.info-card[b-1lv99wkjat] {
	--bg: var(--color-1-light);
	--header-color: var(--color-2-lighter);
	--footer-color: var(--color-3-dark);
	--side-bg: var(--color-2-lighter);
	--side-shadow: inset 2px 0px 2px #1a0b0198;
	--read-more-color: var(--color-3-lightest);
	--read-more-font: var(--font-1);
}

.info-card[b-1lv99wkjat] {
	display: grid;
	grid-template-columns: 1fr auto;
	background-color: var(--bg);
	height: 140px;
}

.info-card--expanded[b-1lv99wkjat] {
	height: auto;
}

.info-card__left[b-1lv99wkjat] {
	display: flex;
	flex-direction: column;
	padding: 0.75rem 1rem;
	position: relative;
	overflow: hidden;
}

.info-card__header[b-1lv99wkjat] {
	color: var(--header-color);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 0.5rem;
}

.info-card__header--expanded[b-1lv99wkjat] {
	margin-bottom: 1.5rem;
	white-space: normal;
	word-break: break-word;
}

.info-card__body-holder[b-1lv99wkjat] {
	flex: 1;
}

.info-card__body[b-1lv99wkjat] {
	margin: 0;
	font-weight: 600;
	font-family: var(--font-2);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	word-break: break-word;
}

.info-card__body--expanded[b-1lv99wkjat] {
	display: block;
	-webkit-line-clamp: unset;
	line-clamp: unset;
	overflow: visible;
	text-overflow: clip;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.info-card__footer[b-1lv99wkjat] {
	color: var(--footer-color);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	margin-top: 0.5rem;
}

.info-card__footer--expanded[b-1lv99wkjat] {
	margin-top: 1rem;
	white-space: normal;
	text-overflow: clip;
	overflow: visible;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.info-card__right[b-1lv99wkjat] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.25rem;
	background-color: var(--side-bg);
	box-shadow: var(--side-shadow);
}

.info-card__read-more[b-1lv99wkjat] {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	font-family: var(--read-more-font);
	text-transform: uppercase;
	color: var(--read-more-color);
	border: none;
	background: none;
	cursor: pointer;
}
/* /Shared/Components/Cards/ProjectCard.razor.rz.scp.css */
.project-card[b-c2h17z9jjj] {
	--stroke-number: var(--color-3-lighter);
	--title-color: var(--color-3-lighter);
	--description-color: var(--color-3-dark);
	--tech-text-color: var(--color-2-lighter);
	--tech-border-color: var(--color-1-lighter);

	--button-text: var(--color-2-lighter);
	--button-border: var(--color-2-lighter);
	--button-bg-color: var(--color-1-lightest);
	--button-hover-bg: var(--color-2-lighter);
	--button-hover-text: var(--color-1);
	--button-default-text: var(--color-3-lightest);
	--button-default-border: var(--color-3-darker);

	--divider-color: var(--color-1-lighter);

	--image-bg: var(--color-3);

	--nav-bg: var(--color-2-lighter);
	--nav-hover-bg: var(--color-2-light);
	--nav-icon-color: var(--color-1);
	--nav-icon-disabled: var(--color-3-lightest);
	--nav-disabled-bg: var(--color-3-darker);

	--font-heading: var(--font-2);

	--icon-left: url("images/arrow-left-broken.svg");
	--icon-right: url("images/arrow-right-broken.svg");
}

.project-card[b-c2h17z9jjj] {
	display: flex;
	flex-direction: column-reverse;
	gap: 3rem;
}

.project-card__info[b-c2h17z9jjj] {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.project-card__number[b-c2h17z9jjj] {
	-webkit-text-stroke: 1px var(--stroke-number);
	font-weight: bolder;
	font-size: 2.5rem;
	color: transparent;
}

.project-card__title[b-c2h17z9jjj] {
	margin: 1rem 0 1.15rem;
	font-weight: bolder;
	font-family: var(--font-heading);
	color: var(--title-color);
}

.project-card__description[b-c2h17z9jjj] {
	margin-bottom: 1rem;
	font-weight: lighter;
	color: var(--description-color);
}

.project-card__tech[b-c2h17z9jjj] {
	margin-bottom: 0.5rem;
	padding-bottom: 0.25rem;
	color: var(--tech-text-color);
	border-bottom: 2px solid var(--tech-border-color);
}

.project-card__buttons[b-c2h17z9jjj] {
	display: flex;
	gap: 0.75rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.project-card__button[b-c2h17z9jjj] {
	color: var(--button-default-text);
	text-decoration: none;
	border: 1px solid var(--button-default-border);
	border-radius: 50vw;
	padding: 0.2rem 1rem;
	font-size: 0.65rem;
	font-weight: lighter;
	transition: all 0.2s ease-in;
}

.project-card__button--launch[b-c2h17z9jjj] {
	background-color: var(--button-bg-color);
}

.project-card__button:hover[b-c2h17z9jjj],
.project-card__button:focus-visible[b-c2h17z9jjj] {
	border-color: var(--button-hover-bg);
	background: var(--button-hover-bg);
	font-weight: 800;
	color: var(--button-hover-text);
}

.project-card__media[b-c2h17z9jjj] {
	flex: 1;
	position: relative;
	width: 100%;
}

.project-card__image[b-c2h17z9jjj] {
	width: 100%;
	height: 250px;
	object-fit: cover;
	background-color: var(--image-bg);
	background-repeat: no-repeat;
}

.project-card__nav[b-c2h17z9jjj] {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.project-card__nav-button[b-c2h17z9jjj] {
	width: 2.2rem;
	height: 2.2rem;
	padding: 0.4rem;
	border: none;
	border-radius: 50vw;
	cursor: pointer;
	background-color: var(--nav-bg);
	color: var(--nav-icon-color);
	transition: all 0.2s ease-out;

}

.project-card__nav-button:hover:not(:disabled)[b-c2h17z9jjj],
.project-card__nav-button:focus-visible:not(:disabled)[b-c2h17z9jjj] {
	background-color: var(--nav-hover-bg);
}

.project-card__nav-button:disabled[b-c2h17z9jjj] {
	background-color: var(--nav-disabled-bg);
	cursor: not-allowed;
}

.project-card__nav-button:disabled .project-card__nav-button-icon[b-c2h17z9jjj] {
	background-color: var(--nav-icon-disabled);
}

.project-card__nav-button-icon[b-c2h17z9jjj] {
	width: 100%;
	height: 100%;
	background-color: var(--nav-icon-color);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.project-card__nav-button-icon--left[b-c2h17z9jjj] {
	-webkit-mask-image: var(--icon-left);
	mask-image: var(--icon-left);
}

.project-card__nav-button-icon--right[b-c2h17z9jjj] {
	-webkit-mask-image: var(--icon-right);
	mask-image: var(--icon-right);
}

@media (min-width: 992px) {
	.project-card[b-c2h17z9jjj] {
		flex-direction: row;
		align-items: center;
	}

	.project-card__media[b-c2h17z9jjj] {
		position: static;
	}

	.project-card__nav[b-c2h17z9jjj] {
		position: static;
		transform: none;
		width: auto;
		justify-content: flex-end;
		margin-top: 1rem;
		background: none;
		padding: 0;
		gap: 1rem;
	}

	.project-card__image[b-c2h17z9jjj] {
		height: 350px;
	}
}
/* /Shared/Components/Cards/ServiceCard.razor.rz.scp.css */
.service-card[b-xskx9f16hu] {
	--border-color: var(--color-1-light);
	--main-color: var(--color-3-lightest);
	--hover-color: var(--color-2-lighter);
	--text-color: var(--color-3-dark);
	--arrow-color: var(--color-1);
	--arrow-hover-color: var(--color-3-lightest);
	--button-hover-bg: var(--color-2-lightest);
	--button-hover-arrow: var(--arrow-color);
	--arrow-icon: url("images/arrow-right-linear.svg");

	--padding: 1rem;
	--button-size: 2.25rem;
	--arrow-size: 1.15rem;
	--number-size: 2rem;

	--current-color: var(--main-color);
}

.service-card[b-xskx9f16hu] {
	border-bottom: 2px solid var(--border-color);
	color: var(--hover-color);
	padding: var(--padding);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	box-sizing: border-box;
}

.service-card:hover[b-xskx9f16hu] {
	--current-color: var(--hover-color);
	--button-hover-arrow: var(--arrow-hover-color);
}

.service-card__header[b-xskx9f16hu] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0.5rem;
	flex-direction: row;
}

.service-card__number[b-xskx9f16hu] {
	font-size: var(--number-size);
	font-weight: bolder;
	color: transparent;
	-webkit-text-stroke-color: var(--current-color);
	-webkit-text-stroke-width: 1px;
	margin: 0;
}

.service-card__button[b-xskx9f16hu] {
	background-color: var(--current-color);
	border-radius: 50vw;
	width: var(--button-size);
	height: var(--button-size);
	border: none;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.service-card__button:hover[b-xskx9f16hu],
.service-card__button:focus[b-xskx9f16hu] {
	background-color: var(--button-hover-bg);
}

.service-card__arrow[b-xskx9f16hu] {
	width: var(--arrow-size);
	height: var(--arrow-size);
	background-color: var(--button-hover-arrow);
	-webkit-mask: var(--arrow-icon) no-repeat center / contain;
	mask: var(--arrow-icon) no-repeat center / contain;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: rotate(45deg);
	transition: transform 0.3s ease-out;
}

.service-card__button:hover .service-card__arrow[b-xskx9f16hu] {
	background-color: var(--color-3-lighter);
	transform: rotate(0deg);
}

.service-card__title[b-xskx9f16hu] {
	color: var(--current-color);
	font-weight: bolder;
	text-align: left;
	white-space: normal;
	word-break: break-word;
	margin: 0.25rem 0;
}

.service-card__description[b-xskx9f16hu] {
	line-height: 1.5;
	color: var(--text-color);
	text-align: left;
	word-break: break-word;
	flex-grow: 1;
}
/* /Shared/Components/Cards/ServiceRadioCard.razor.rz.scp.css */
.service-radio__card[b-agir1lmgiw] {
	--padding: 0.2rem 1rem;
	--radius: 50vw;

	--bg-default: transparent;
	--bg-selected: var(--color-2-lighter);

	--border-color: var(--color-1-lighter);
	--border-hover-color: var(--color-3-dark);

	--text-color: var(--color-3-light);
	--text-selected-color: var(--color-1);

	--font-weight: lighter;
	--font-weight-selected: 800;
}

.service-radio__card[b-agir1lmgiw] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--padding);
	border: 1px solid var(--border-color);
	border-radius: var(--radius);
	background-color: var(--bg-default);
	cursor: pointer;
	transition: all 0.3s ease-out;
}

.service-radio__card:hover[b-agir1lmgiw],
.service-radio__card[aria-checked="true"][b-agir1lmgiw] {
	border-color: var(--border-hover-color);
}

.service-radio__card--selected[b-agir1lmgiw] {
	border-color: var(--bg-selected);
	background-color: var(--bg-selected);
}

.service-radio__card--selected:hover[b-agir1lmgiw] {
	border-color: var(--bg-selected);
}

.service-radio__card-name[b-agir1lmgiw] {
	color: var(--text-color);
	font-weight: var(--font-weight);
}

.service-radio__card--selected .service-radio__card-name[b-agir1lmgiw] {
	color: var(--text-selected-color);
	font-weight: var(--font-weight-selected);
}
/* /Shared/Components/Forms/ContactForm.razor.rz.scp.css */
.contact-form[b-ljsum0snwy] {
	--bg: var(--color-1-light);
	--title-color: var(--color-2-lighter);
	--subtitle-color: var(--color-3-lighter);
	--label-color: var(--color-3-lighter);
	--input-bg: var(--color-1);
	--input-border: var(--color-1-lighter);
	--input-focus: var(--color-2-lighter);
	--input-text: var(--color-3-lightest);
	--autofill-text: var(--color-3-dark);
	--font-body: var(--font-2);
	--scroll-thumb: var(--color-2-lighter);
	--scroll-track: var(--color-1-light);
	--error-bg: bisque;
	--error-text: rgb(214, 63, 63);
	--submit-bg: var(--color-2-lighter);
	--submit-hover-bg: var(--color-2-light);
	--submit-color: var(--color-1);
	--submit-hover-color: var(--color-3-lightest);
	--submit-font: var(--font-1);
	--submit-disabled-bg: var(--color-1-lightest);
	--submit-disabled-color: var(--color-3-lightest);
}

.contact-form[b-ljsum0snwy] {
	background-color: var(--bg);
	padding: 1.5rem;
}

.contact-form__title[b-ljsum0snwy] {
	color: var(--title-color);
	font-weight: 700;
}

.contact-form__subtitle[b-ljsum0snwy] {
	color: var(--subtitle-color);
	font-weight: lighter;
	margin-bottom: 2rem;
}

.contact-form__fields[b-ljsum0snwy] {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 0.35rem;
	margin-bottom: 0.65rem;
}

.contact-form__group[b-ljsum0snwy] {
	display: flex;
}

.contact-form__group--full[b-ljsum0snwy] {
	grid-column: 1 / -1;
}

.contact-form__service-group[b-ljsum0snwy] {
	flex-direction: column;
}

.contact-form__textarea-wrapper[b-ljsum0snwy] {
	flex-direction: column;
	gap: 0.3rem;
}

[b-ljsum0snwy] .contact-form__input,
[b-ljsum0snwy] .contact-form__textarea {
	background-color: var(--input-bg);
	border: 1px solid var(--input-border);
	color: var(--input-text);
	padding: 0.65rem 1rem;
	width: 100%;
	transition: border-color 0.2s ease-in;
}

[b-ljsum0snwy] .contact-form__input:focus,
[b-ljsum0snwy] .contact-form__textarea:focus {
	border-color: var(--input-focus);
	outline: none;
}

[b-ljsum0snwy] .contact-form__input:-webkit-autofill,
[b-ljsum0snwy] .contact-form__textarea:-webkit-autofill {
	-webkit-text-fill-color: var(--autofill-text);
	caret-color: var(--autofill-text);
	font-family: var(--font-body);
	transition: all 9999s ease-in-out 0s;
}

[b-ljsum0snwy] .contact-form__textarea {
	overflow-x: hidden;
	min-height: 150px;
	resize: vertical;
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}

[b-ljsum0snwy] .contact-form__textarea::-webkit-scrollbar,
[b-ljsum0snwy] .contact-form__radio-group::-webkit-scrollbar {
	width: 8px;
}

[b-ljsum0snwy] .contact-form__textarea::-webkit-scrollbar-track,
[b-ljsum0snwy] .contact-form__radio-group::-webkit-scrollbar-track {
	background: var(--scroll-track);
}

[b-ljsum0snwy] .contact-form__textarea::-webkit-scrollbar-thumb,
[b-ljsum0snwy] .contact-form__radio-group::-webkit-scrollbar-thumb {
	background-color: var(--scroll-thumb);
	border-radius: 4px;
	border: 2px solid transparent;
	background-clip: content-box;
}

[b-ljsum0snwy] .contact-form__textarea::-webkit-scrollbar-thumb:hover,
[b-ljsum0snwy] .contact-form__radio-group::-webkit-scrollbar-thumb:hover {
	background-color: var(--scroll-thumb);
}

.contact-form__service-label[b-ljsum0snwy] {
	color: var(--label-color);
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 0;
	display: block;
}

.contact-form__service-search-wrapper[b-ljsum0snwy] {
	margin-top: 0.3rem;
}

.contact-form__radio-group[b-ljsum0snwy] {
	margin-top: 0.3rem;
	margin-bottom: 0.875rem;
	background-color: var(--input-bg);
	display: flex;
	flex-wrap: wrap;
	overflow-y: auto;
	gap: 0.75rem;
	height: 100px;
	align-items: flex-start;
	align-content: flex-start;
	padding: 0.5rem;
	scrollbar-width: thin;
	scrollbar-color: var(--scroll-thumb) var(--scroll-track);
	border: 1px solid var(--input-border);
}

.contact-form__error-wrapper[b-ljsum0snwy] {
	background-color: var(--error-bg);
	margin-bottom: 0.65rem;
}

[b-ljsum0snwy] .contact-form__error {
	margin-bottom: 0;
	font-size: 0.6rem;
	color: var(--error-text);
	padding: 1rem 1rem 1rem 2rem;
}

.contact-form__submit-wrapper[b-ljsum0snwy] {
	display: flex;
	justify-content: flex-end;
}

.contact-form__submit[b-ljsum0snwy] {
	background-color: var(--submit-bg);
	color: var(--submit-color);
	font-family: var(--submit-font);
	padding: 0.65rem 2.5rem;
	border: none;
	cursor: pointer;
	transition: background-color 0.3s ease-out, color 0.3s ease-out;
	border-radius: 50vw;
}

.contact-form__submit p[b-ljsum0snwy]{
	font-weight: 900;
	margin: 0;
}

.contact-form__submit:hover:not(:disabled)[b-ljsum0snwy] {
	background-color: var(--submit-hover-bg);
	color: var(--submit-hover-color);
}

.contact-form__submit:disabled[b-ljsum0snwy] {
	cursor: not-allowed;
	background-color: var(--submit-disabled-bg);
	color: var(--submit-disabled-color);
}
/* /Shared/Components/Forms/SearchInput.razor.rz.scp.css */
.search-input[b-j2axi5h189] {
	--input-bg: var(--color-1);
	--input-text-color: var(--color-3-lightest);
	--input-border-color: var(--color-1-lighter);
	--input-border-focus: var(--color-2-lighter);
	--clear-button-bg: var(--color-1-light);
	--clear-icon-color: var(--color-3);
	--clear-icon-url: url("images/close-button-circle.svg");
}

.search-input[b-j2axi5h189] {
	position: relative;
	width: 100%;
}

.search-input__field[b-j2axi5h189] {
	width: 100%;
	padding: 0.65rem 2.5rem 0.65rem 1rem;
	background-color: var(--input-bg);
	color: var(--input-text-color);
	border: 1px solid var(--input-border-color);
	transition: border-color 0.3s;
	box-sizing: border-box;
}

.search-input__field:focus[b-j2axi5h189] {
	border-color: var(--input-border-focus);
	outline: none;
}

.search-input__clear-button[b-j2axi5h189] {
	position: absolute;
	top: 50%;
	right: 0.5rem;
	transform: translateY(-50%);
	width: 1.5rem;
	height: 1.5rem;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	background-color: var(--clear-icon-color);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in;

	mask-image: var(--clear-icon-url);
	-webkit-mask-image: var(--clear-icon-url);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
}
/* /Shared/Components/InfoSection/AboutMeSection.razor.rz.scp.css */
.about-me[b-3ngtacr7ey] {
	--title-color: var(--color-3-lightest);
	--subtitle-color: var(--color-3-dark);
	--item-color: var(--color-3-dark);
	--item-highlight-color: var(--color-3-lightest);
}

.about-me__title[b-3ngtacr7ey],
.about-me__subtitle[b-3ngtacr7ey] {
	text-align: center;
	margin-bottom: 1.5rem;
}

.about-me__title[b-3ngtacr7ey] {
	font-weight: 700;
	color: var(--title-color);
}

.about-me__subtitle[b-3ngtacr7ey] {
	font-weight: 300;
	color: var(--subtitle-color);
}

.about-me__items[b-3ngtacr7ey] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.about-me__item[b-3ngtacr7ey] {
	text-align: center;
	margin: 0.25rem 0;
	color: var(--item-color);
}

.about-me__item-value[b-3ngtacr7ey] {
	color: var(--item-highlight-color);
}

@media (min-width: 768px) {

	.about-me__title[b-3ngtacr7ey],
	.about-me__subtitle[b-3ngtacr7ey] {
		text-align: left;
	}

	.about-me__items[b-3ngtacr7ey] {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
		align-items: start;
	}

	.about-me__item[b-3ngtacr7ey] {
		text-align: left;
		margin: 0;
	}
}
/* /Shared/Components/InfoSection/EducationSection.razor.rz.scp.css */
.education-section[b-xnmp7npsak] {
	--description-font-color: var(--color-3-dark);
	--scrollbar-slider-color: var(--color-2-lighter);
}

.education-section__heading[b-xnmp7npsak],
.education-section__description[b-xnmp7npsak] {
	text-align: center;
}

.education-section__heading[b-xnmp7npsak] {
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.education-section__description[b-xnmp7npsak] {
	margin-top: 1.5rem;
	color: var(--description-font-color);
	margin-bottom: 2rem;
}

.education-section__grid[b-xnmp7npsak] {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {

	.education-section__heading[b-xnmp7npsak],
	.education-section__description[b-xnmp7npsak] {
		text-align: left;
	}

	.education-section__grid[b-xnmp7npsak] {
		padding-right: 0.3rem;
		max-height: 320px;
		overflow: auto;
		scrollbar-width: thin;
		scrollbar-color: var(--scrollbar-slider-color) transparent;
	}

	.education-section__grid[b-xnmp7npsak]::-webkit-scrollbar {
		width: 6px;
	}

	.education-section__grid[b-xnmp7npsak]::-webkit-scrollbar-track {
		background: transparent;
	}

	.education-section__grid[b-xnmp7npsak]::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-slider-color);
		border-radius: 3px;
	}
}

@media (min-width: 992px) {
	.education-section__grid[b-xnmp7npsak] {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* /Shared/Components/InfoSection/ExperienceSection.razor.rz.scp.css */
.experience-section[b-qixoe4slpd] {
	--description-font-color: var(--color-3-dark);
	--scrollbar-slider-color: var(--color-2-lighter);
}

.experience-section__heading[b-qixoe4slpd],
.experience-section__description[b-qixoe4slpd] {
	text-align: center;
}

.experience-section__heading[b-qixoe4slpd] {
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.experience-section__description[b-qixoe4slpd] {
	margin-top: 1.5rem;
	color: var(--description-font-color);
	margin-bottom: 2rem;
}

.experience-section__grid[b-qixoe4slpd] {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {

	.experience-section__heading[b-qixoe4slpd],
	.experience-section__description[b-qixoe4slpd] {
		text-align: left;
	}

	.experience-section__grid[b-qixoe4slpd] {
		padding-right: 0.3rem;
		max-height: 320px;
		overflow: auto;
		scrollbar-width: thin;
		scrollbar-color: var(--scrollbar-slider-color) transparent;
	}

	.experience-section__grid[b-qixoe4slpd]::-webkit-scrollbar {
		width: 6px;
	}

	.experience-section__grid[b-qixoe4slpd]::-webkit-scrollbar-track {
		background: transparent;
	}

	.experience-section__grid[b-qixoe4slpd]::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-slider-color);
		border-radius: 3px;
	}
}

@media (min-width: 992px) {
	.experience-section__grid[b-qixoe4slpd] {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* /Shared/Components/InfoSection/SkillSection.razor.rz.scp.css */
.skill-section[b-qp5act5agy] {
	--description-font-color: var(--color-3-dark);
	--scrollbar-slider-color: var(--color-2-lighter);
}

.skill-section__heading[b-qp5act5agy],
.skill-section__description[b-qp5act5agy] {
	text-align: center;
}

.skill-section__heading[b-qp5act5agy] {
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.skill-section__description[b-qp5act5agy] {
	margin-top: 1.5rem;
	color: var(--description-font-color);
	margin-bottom: 2rem;
}

.skill-section__grid[b-qp5act5agy] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}

@media (min-width: 576px) {
	.skill-section__grid[b-qp5act5agy] {
		grid-template-columns: repeat(5, 1fr);
	}
}

@media (min-width: 768px) {

	.skill-section__heading[b-qp5act5agy],
	.skill-section__description[b-qp5act5agy] {
		text-align: left;
	}

	.skill-section__grid[b-qp5act5agy] {
		grid-template-columns: repeat(6, 1fr);
		padding-right: 0.3rem;
		max-height: 320px;
		overflow-y: auto;
		scrollbar-width: thin;
		scrollbar-color: var(--scrollbar-slider-color) transparent;
	}

	.skill-section__grid[b-qp5act5agy]::-webkit-scrollbar {
		width: 6px;
	}

	.skill-section__grid[b-qp5act5agy]::-webkit-scrollbar-track {
		background: transparent;
	}

	.skill-section__grid[b-qp5act5agy]::-webkit-scrollbar-thumb {
		background-color: var(--scrollbar-slider-color);
		border-radius: 3px;
	}
}

@media (min-width: 922px) {
	.skill-section__grid[b-qp5act5agy] {
		grid-template-columns: repeat(7, 1fr);
	}
}
/* /Shared/Components/InfoSection/UnknownSection.razor.rz.scp.css */
.unknown-section[b-jg1v1nxo5t] {
	--text-color: var(--color-3-dark);
}

.unknown-section__title[b-jg1v1nxo5t],
.unknown-section__message[b-jg1v1nxo5t] {
	margin-bottom: 1.5rem;
	text-align: center;
}

.unknown-section__title[b-jg1v1nxo5t] {
	font-weight: 700;
}

.unknown-section__message[b-jg1v1nxo5t] {
	color: var(--text-color);
}

@media (min-width: 768px) {

	.unknown-section__title[b-jg1v1nxo5t],
	.unknown-section__message[b-jg1v1nxo5t] {
		text-align: left;
	}
}
/* /Shared/Components/Navigation/NavLinkItem.razor.rz.scp.css */
.nav-item[b-fbfs53pjxx] {
	--navitem-padding: 0.5rem;

	--navitem-label-bg-accent: var(--color-2-lighter);
	--navitem-label-color-main: var(--color-1);
	--navitem-label-color-accent: var(--color-2-lighter);
	--navitem-label-color-light: var(--color-2-light);
	--navitem-label-color-lightest: var(--color-3-lightest);
	--navitem-label-color-darkest: var(--color-3-dark);

	--navitem-link-underline-color: var(--color-2-lighter);

	--navitem-label-button-accent-bg: var(--color-1-lighter);
	--navitem-label-button-accent-color: var(--color-2-lighter);
	--navitem-label-button-accent-hover-color: var(--color-2-lightest);
	--navitem-label-button-accent-hover-bg: var(--color-3-darker);
}

.nav-item[b-fbfs53pjxx] {
	width: auto;
	height: 100%;
	cursor: pointer;
	transition: color 0.1s ease-out;
}

.nav-item:hover[b-fbfs53pjxx],
.nav-item.active[b-fbfs53pjxx] {
	color: var(--navitem-label-color-accent);
}

[b-fbfs53pjxx] .nav-item__link {
	color: inherit;
	text-decoration: none;
}

.nav-item__link--button[b-fbfs53pjxx] {
	background: none;
	border: none;
	width: 100%;
	padding: 0;
	text-align: inherit;
	font: inherit;
	color: inherit;
	cursor: pointer;
	text-decoration: none;
}

[b-fbfs53pjxx] .nav-item__link--underline {
	color: var(--navitem-label-color-accent);
	position: relative;
}

[b-fbfs53pjxx] .nav-item__link--underline::after {
	background-color: var(--navitem-link-underline-color);
	position: absolute;
	content: "";
	bottom: -0.2rem;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 50vw;
	transition: transform 0.3s ease;
}

.nav-item__label[b-fbfs53pjxx] {
	margin: 0;
	font-weight: bold;
	display: flex;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.nav-item__label--button[b-fbfs53pjxx],
.nav-item__label--button-accent[b-fbfs53pjxx] {
	padding: var(--navitem-padding);
	justify-content: center;
	transition: all 0.3s ease-out;
	font-weight: bolder;
	border-radius: 50vw;
}

.nav-item__label--button[b-fbfs53pjxx] {
	background-color: var(--navitem-label-bg-accent);
	color: var(--navitem-label-color-main);
}

.nav-item__label--button-accent[b-fbfs53pjxx] {
	background-color: var(--navitem-label-button-accent-bg);
	color: var(--navitem-label-button-accent-color);
}

.nav-item__label--button:hover[b-fbfs53pjxx] {
	color: var(--navitem-label-color-lightest);
	background-color: var(--navitem-label-color-light);
}

.nav-item__label--button-accent:hover[b-fbfs53pjxx] {
	color: var(--navitem-label-button-accent-hover-color);
	background-color: var(--navitem-label-button-accent-hover-bg);
}

@media (min-width: 992px) {
	.nav-item__label[b-fbfs53pjxx] {
		justify-content: center;
	}
}
/* /Shared/Components/Navigation/NavMenu.razor.rz.scp.css */
.nav-bar[b-j0axj2opw7] {
    --nav-bar-padding: 1rem;
    --nav-bar-toggle-btn-size: 1.4rem;
    --nav-bar-toggle-icon-color: var(--color-2-lighter);
    --nav-bar-toggle-icon-hover-color: var(--color-2-light);
    --nav-links-gap: 2rem;
    --nav-contact-width: 200px;
    --nav-bar-toggle-btn-mask: url("images/menu-button.svg");
}

.nav-bar[b-j0axj2opw7] {
    padding: var(--nav-bar-padding);
    position: relative;
    background-color: transparent;
}

.nav-bar__container[b-j0axj2opw7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.nav-bar__links[b-j0axj2opw7],
.nav-bar__contact-link[b-j0axj2opw7] {
    display: none;
}

.nav-bar__toggle-btn[b-j0axj2opw7] {
    width: var(--nav-bar-toggle-btn-size);
    height: var(--nav-bar-toggle-btn-size);
    cursor: pointer;
    align-self: center;
    border: none;
    background: none;
}

.nav-bar__toggle-btn--mask[b-j0axj2opw7] {
    -webkit-mask-image: var(--nav-bar-toggle-btn-mask);
    mask-image: var(--nav-bar-toggle-btn-mask);
    background-color: var(--nav-bar-toggle-icon-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.nav-bar__toggle-btn--mask:hover[b-j0axj2opw7],
.nav-bar__toggle-btn--mask:focus[b-j0axj2opw7] {
    background-color: var(--nav-bar-toggle-icon-hover-color);
}

@media (min-width: 576px) {
    .nav-bar[b-j0axj2opw7] {
        --nav-bar-toggle-btn-size: 1.6rem;
    }
}

@media (min-width: 768px) {
    .nav-bar[b-j0axj2opw7] {
        --nav-bar-toggle-btn-size: 1.8rem;
    }
}

@media (min-width: 992px) {
    .nav-bar__links[b-j0axj2opw7] {
        gap: var(--nav-links-gap);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .nav-bar__contact-link[b-j0axj2opw7] {
        width: var(--nav-contact-width);
        display: flex;
        align-items: center;
    }

    [b-j0axj2opw7] .nav-bar__contact-link .nav-item {
        width: 100%;
    }

    .nav-bar__toggle-btn[b-j0axj2opw7] {
        display: none;
    }
}
/* /Shared/Components/Navigation/SideMenu.razor.rz.scp.css */
.side-bar[b-fcms5pga39] {
	--sidebar-padding: 1rem;
	--sidebar-gap: 2rem;
	--sidebar-close-btn-size: 1.4rem;
	--sidebar-close-btn-padding: 0.4rem;
	--sidebar-color: var(--color-1);
	--sidebar-overlay-color: #000000;
	--sidebar-separator: var(--color-1-light);
	--sidebar-close-btn-color-1: var(--color-2-lighter);
	--sidebar-close-btn-color-2: var(--color-2-light);
	--sidebar-close-image: url("images/close-button.svg");
}

.side-bar[b-fcms5pga39] {
	position: fixed;
	inset: 0;
	z-index: 1000;
	pointer-events: none;
}

.side-bar__backdrop[b-fcms5pga39] {
	background-color: var(--sidebar-overlay-color);
	position: fixed;
	inset: 0;
	opacity: 0.85;
	z-index: 1000;
	pointer-events: all;
}

.side-bar__slider[b-fcms5pga39] {
	background-color: var(--sidebar-color);
	position: fixed;
	top: 0;
	right: 0;
	width: 75%;
	max-width: 400px;
	height: 100dvh;
	padding: var(--sidebar-padding);
	transform: translateX(100%);
	transition: transform 0.2s ease-out;
	display: flex;
	flex-direction: column;
	z-index: 1001;
	pointer-events: all;
}

.side-bar__slider--open[b-fcms5pga39] {
	transform: translateX(0%);
}

.side-bar__close-btn[b-fcms5pga39] {
	width: var(--sidebar-close-btn-size);
	height: var(--sidebar-close-btn-size);
	margin-right: var(--sidebar-close-btn-padding);
	cursor: pointer;
	align-self: flex-end;
}

.side-bar__close-btn--mask[b-fcms5pga39] {
	-webkit-mask-image: var(--sidebar-close-image);
	mask-image: var(--sidebar-close-image);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	background-color: var(--sidebar-close-btn-color-1);
	mask-size: contain;
	border: none;
}

.side-bar__close-btn--mask:hover[b-fcms5pga39],
.side-bar__close-btn--mask:focus[b-fcms5pga39] {
	background-color: var(--sidebar-close-btn-color-2);
}

.side-bar__content[b-fcms5pga39] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.side-bar__links[b-fcms5pga39] {
	display: flex;
	flex-direction: column;
	gap: var(--sidebar-gap);
	margin-top: 1rem;
	height: 100%;
	justify-content: center;
	align-items: center;
	width:100%;
	margin-bottom: 1rem;
	border-bottom: 2px solid var(--sidebar-separator);
}

.side-bar__link[b-fcms5pga39]
{
	width: fit-content;
}

.side-bar__logo[b-fcms5pga39] {
	margin-bottom: 3.5rem;
}

.side-bar__contact[b-fcms5pga39] {
	width: 100%;
	margin-top: 2rem;
	padding-top: 1rem;
	border-top: 1px solid var(--sidebar-separator);
}

.side-bar__contact-link[b-fcms5pga39] {
	width: 100%;
}

@media (min-width: 576px) {
	.side-bar[b-fcms5pga39] {
		--sidebar-gap: 2.2rem;
		--sidebar-close-btn-size: 1.8rem;
		--sidebar-close-btn-padding: 0.5rem;
	}
}

@media (min-width: 768px) {
	.side-bar[b-fcms5pga39] {
		--sidebar-gap: 2.6rem;
		--sidebar-close-btn-padding: 0.6rem;
	}
}
/* /Shared/Components/Widgets/ContactOption.razor.rz.scp.css */
.contact-option[b-o97h23aesx] {
	--icon-size: 1.1rem;
	--icon-padding: 0.6rem;
	--icon-color: var(--color-2-lighter);
	--icon-image: url("images/web.svg");
	--bg-color: var(--color-1-dark);
	--title-color: var(--color-3-dark);
	--font-family: var(--font-2);
}

.contact-option[b-o97h23aesx] {
	display: flex;
	align-items: center;
	gap: 1rem;
	width: 280px;
	flex: 1;
}

.contact-option__icon-holder[b-o97h23aesx] {
	background-color: var(--bg-color);
	padding: var(--icon-padding);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50vw;
}

.contact-option__icon[b-o97h23aesx] {
	width: var(--icon-size);
	height: var(--icon-size);
	background-color: var(--icon-color);
	-webkit-mask: var(--icon-image) no-repeat center / contain;
	mask: var(--icon-image) no-repeat center / contain;
	flex-shrink: 0;
}

.contact-option__text[b-o97h23aesx] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	min-width: 0;
	overflow: hidden;
}

.contact-option__title[b-o97h23aesx],
.contact-option__detail[b-o97h23aesx] {
	overflow-wrap: break-word;
	word-break: break-word;
	margin: 0;
}

.contact-option__title[b-o97h23aesx] {
	font-family: var(--font-family);
	color: var(--title-color);
	line-height: 1.2;
}

.contact-option__detail[b-o97h23aesx] {
	font-weight: bold;
}

.contact-option__detail a[b-o97h23aesx] {
	color: inherit;
	text-decoration: none;
}

.contact-option__detail a:hover[b-o97h23aesx] {
	color: var(--icon-color);
}
/* /Shared/Components/Widgets/SkillBox.razor.rz.scp.css */
.skill-box[b-eij79w78d3] {
	--skill-bg-color: var(--color-1-light);
	--skill-icon-image: url("images/web.svg");
	--skill-icon-color: var(--color-3-lightest);
	--skill-icon-hover-color: var(--color-2-lighter);
}

.skill-box[b-eij79w78d3] {
	background-color: var(--skill-bg-color);
	aspect-ratio: 1 / 1;
	cursor: pointer;
	transition: all 0.3s ease-in;
	padding: 30%;
}

.skill-box:hover .skill-box__icon[b-eij79w78d3] {
	background-color: var(--skill-icon-hover-color);
}

.skill-box__icon[b-eij79w78d3] {
	width: 100%;
	height: 100%;
	background-color: var(--skill-icon-color);
	-webkit-mask: var(--skill-icon-image) no-repeat center / contain;
	mask: var(--skill-icon-image) no-repeat center / contain;
	transition: all 0.3s ease-in;
}
/* /Shared/Components/Widgets/Toast.razor.rz.scp.css */
.toast[b-3e0nz3czq9] {
	--bg: var(--color-1-light);
	--border: var(--color-3);
	--shadow: 0 4px 10px rgba(0, 0, 0, 0.65);
	--width: 300px;
	--min-height: 100px;
	--z: 9999;

	--color: var(--color-3-lightest);
	--header-bg: var(--color-2-lighter);
	--header-color-light: var(--color-1);
	--padding: 0.45rem 0.75rem;
}

.toast[b-3e0nz3czq9] {
	position: fixed;
	bottom: 0.65rem;
	right: 0.65rem;
	z-index: var(--z);
	width: var(--width);
	min-height: var(--min-height);

	background-color: var(--bg);
	border: 2px solid var(--border);
	box-shadow: var(--shadow);
	border-radius: 0;
	overflow: hidden;
	animation: fadeIn-b-3e0nz3czq9 0.3s ease-out;
}

.toast--show[b-3e0nz3czq9] {
	display: block;
}

.toast__header[b-3e0nz3czq9] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--padding);
	background-color: var(--header-bg);
	color: var(--color);
}

.toast__header--primary[b-3e0nz3czq9] {
	--header-bg: #4d9de0;
}

.toast__header--success[b-3e0nz3czq9] {
	--header-bg: #3ac47d;
}

.toast__header--danger[b-3e0nz3czq9] {
	--header-bg: #f04a4a;
}

.toast__header--warning[b-3e0nz3czq9] {
	--header-bg: #fbc02d;
	--color: var(--header-color-light);
}

.toast__header--info[b-3e0nz3czq9] {
	--header-bg: #5fb0c9;
}

.toast__title[b-3e0nz3czq9] {
	flex: 1;
}

.toast__time[b-3e0nz3czq9] {
	opacity: 0.75;
}

.toast__close[b-3e0nz3czq9] {
	background: none;
	border: none;
	color: inherit;
	margin-left: 0.75rem;
	cursor: pointer;
}

.toast__body[b-3e0nz3czq9] {
	padding: var(--padding);
	font-family: var(--font-2);
	line-height: 1.4;
}

@keyframes fadeIn-b-3e0nz3czq9 {
	from {
		opacity: 0;
		transform: translateY(20px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/* /Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-uebesi6xjy] {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    margin: 0;
}

.page__nav-bar[b-uebesi6xjy] {
    position: static;
}

.page__content[b-uebesi6xjy] {
    position: relative;
    flex: 1;
    overflow-y: auto;
    justify-content: center;
    align-items: center;
}

@media (min-width: 576px) {
    .page[b-uebesi6xjy] {
        margin: 0 1rem;
    }
}

@media (min-width: 992px) {
    .page[b-uebesi6xjy] {
        margin: 0 2rem;
    }
}

@media (min-width: 1200px) {
    .page[b-uebesi6xjy] {
        margin: 0 10rem;
    }
}

@media (min-width: 1400px) {
    .page[b-uebesi6xjy] {
        margin: 0 12rem;
    }
}
/* /Shared/Layouts/Modal.razor.rz.scp.css */
.modal[b-dn03cqpelk] {
	--backdrop-color: rgba(1, 1, 1, 0.65);
	--max-width: 600px;
	--content-padding: 0.75rem;
	--close-size: 1.6rem;
	--close-color: var(--color-3-lightest);
	--close-icon: url("images/close-button.svg");
}

.modal[b-dn03cqpelk] {
	position: fixed;
	inset: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 2rem 0;
	overflow-y: auto;
}

.modal__backdrop[b-dn03cqpelk] {
	position: fixed;
	inset: 0;
	background-color: var(--backdrop-color);
	z-index: -1;
	pointer-events: none;
}

.modal__container[b-dn03cqpelk] {
	background: var(--color-3);
	max-width: var(--max-width);
	width: 95%;
	display: flex;
	flex-direction: column;
	padding: 2px;
}

.modal__header[b-dn03cqpelk] {
	background: var(--color-1-light);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--content-padding);
	border-bottom: 2px solid var(--color-1-lighter);
}

.modal__title[b-dn03cqpelk] {
	margin: 0;
	font-weight: 700;
}

.modal__close-btn[b-dn03cqpelk] {
	width: var(--close-size);
	height: var(--close-size);
	border: none;
	cursor: pointer;
	background-color: transparent;
	-webkit-mask-image: var(--close-icon);
	mask-image: var(--close-icon);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: var(--close-color);
}

@media (min-width: 768px) {
	.modal__container[b-dn03cqpelk] {
		width: 85%;
	}

	.modal[b-dn03cqpelk] {
		padding: 3rem 0;
	}
}

@media (min-width: 1200px) {
	.modal__container[b-dn03cqpelk] {
		width: 70%;
	}
}