@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Tilt+Warp&display=swap');

:root {
	/* #019f13 */
	--bulma-primary-h: 127deg;
	--bulma-primary-s: 99%;
	--bulma-primary-l: 31%;
	--bulma-primary-invert-l: 100%;

	/* #ffd53d */
	--bulma-warning-h: 50deg;
	--bulma-warning-s: 99%;
	--bulma-warning-l: 54%;

	/* #1d5cf2 */
	--bulma-info-h: 222deg;
	--bulma-info-s: 89%;
	--bulma-info-l: 53%;
	--bulma-info-invert-l: 100%;

	/* #312f30 */
	--bulma-dark-h: 330deg;
	--bulma-dark-s: 2%;
	--bulma-dark-l: 19%;
	--bulma-dark-invert-l: 100%;	
}

.hero {
  --bulma-hero-body-padding-tablet: 6rem 1.5rem;
}

.section {
  --bulma-section-padding-tablet: 6rem 1.5rem;
}

.navbar {
	--bulma-navbar-height: 5rem;
  	--bulma-navbar-item-img-max-height: 4rem;
}

.content {
  --bulma-content-heading-color: inherit;
  --bulma-content-heading-weight: 400;
}

.title {
	--bulma-title-color: inherit;
	--bulma-title-weight: 400;
}

.subtitle {
	--bulma-subtitle-color: inherit;
}



body, button, input, optgroup, select, textarea {
    font-family: 'M PLUS Rounded 1c',Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.navbar-brand, h1, .content h1, h2, .content h2, h3, .content h3, h4, .content h4, h5, .content h5, h6, .content h6 {
	font-family: Tilt Warp,Inter,SF Pro,Segoe UI,Roboto,Oxygen,Ubuntu,Helvetica Neue,Helvetica,Arial,sans-serif;
}

.navbar-item {
	font-weight: 700;
}

.no-hover:hover {
  background: none;
}

.hero-background {
	background-image: url('../img/herobg.png');
	background-size: cover;
	background-position: left center;
}

.hero h1 {
	font-size: clamp(2rem, 4vw, 4rem);
}

.light-background {
	background-image: url('../img/lightbg.png');
	background-size: cover;
	background-position: center;
}


.image.is-256x256 {
	max-height: 256px;
	max-width: 256px;
	margin: 0 auto;
}

.image.is-192x192 {
	max-height: 192px;
	max-width: 192px;
	margin: 0 auto;
}

.accordion {
	border: 1px solid grey;
}

.reviews {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 250px; 
}

.profile-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 520px; 
}

.loader-pulse {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ffd53d;
	animation: pulse 1.2s infinite ease-in-out;
}

@keyframes pulse {
  0% { transform: scale(1); opacity: 1 }
  50% { transform: scale(1.5); opacity: 0.5 }
  100% { transform: scale(1); opacity: 1 }
}