/* Libraries & Frameworks */
@import "./bulma/css/bulma.min.css";

/* Custom styles */
@import "./typography.css";
@import "./buttons.css";

:root {
	/* --hero-bg-color: #00000073; */
}

html,
body {
  height: 100vh;
}

html {
  overflow: hidden;
}

body {
  overflow: auto;
}

body {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1),
      rgba(0, 0, 0, 0.1)),
    url("/images/shutterstock_341851793-59f7ab660545f00be39cffd084413fde.webp?vsn=d");
  background-position: center center;
  background-size: cover;
}

.app-centered {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.app-centered :not(.content) > p,
.app-centered button.is-outlined {
  color: white;
}

.md-page-content {
  background-color: var(--hero-bg-color);
  color: white;
}

.md-page-content a {
  color: white;
}

.md-page-content a:hover {
  color: #f40031;
  /* text-decoration: underline; */
  transition: color .2s ease 0s;
  font-weight: 600;
}

.hero.has-text-centered {
  background-color: var(--hero-bg-color);
  border-radius: 10px;
}

.keenmate-splitter {
  position: relative;
  top: -0.2rem
}

.gap-1 {
  gap: 1rem;
}
/* 
.button.is-light.is-outlined:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  color: rgba(0,0,0,.7);
} */


/* BULMA FIXES */
.md-page-content .content h1,
.md-page-content .content h3,
.md-page-content .content h4,
.md-page-content .content h5,
.md-page-content .content h6 {
  color: white;
}

.md-page-content h2 {
  color: #f40031;
}