@import url('https://fonts.googleapis.com/css2?family=TASA+Explorer:wght@400..800&display=swap');

:root {
	/* #0D19A3 */
	--bulma-primary-h: 235deg;
	--bulma-primary-s: 85%;
	--bulma-primary-l: 35%;
	--bulma-primary-invert-l: 100%;

	/* #15DB95 */
	--bulma-success-h: 159deg;
	--bulma-success-s: 83%;
	--bulma-success-l: 47%;

	/* #ffd53d */
	--bulma-warning-h: 47deg;
	--bulma-warning-s: 100%;
	--bulma-warning-l: 62%;

	/* #080F5B */
	--bulma-info-h: 235deg;
	--bulma-info-s: 84%;
	--bulma-info-l: 19%;
	--bulma-info-invert-l: 100%;

	/* #D62323 */
	--bulma-danger-s: 74%;
  	--bulma-danger-l: 54%;
  	--bulma-danger-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: 700;
}

.title {
	--bulma-title-color: inherit;
	--bulma-title-weight: 700;
}

.subtitle {
	--bulma-subtitle-color: inherit;
}

body, button, input, optgroup, select, textarea {
    font-family: TASA Explorer,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/bg.webp');
	background-size: cover;
	background-position: center;
}
.hero-background h1 {
	font-size: clamp(2.5rem, 4vw, 4rem);
}

.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;
}

.accordions:not(:last-child) {
	margin-bottom: 0.75rem;
}

.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 }
}


