:root {
  --bulma-primary-h: 36deg;
  --bulma-primary-s: 5%;
  --bulma-primary-l: 82%;
  --bulma-link-h: 242deg;
  --bulma-link-l: 67%;
  --bulma-text: #F7F4F1;
  --bulma-text-strong: #F7F4F1;
  /* Change the link color to a specific HSL value */
  --bulma-link-h: 242.17deg;
  --bulma-link-s: 100%;
  --bulma-link-l: 67%;
}

body {
  background-color: #0d1122;
  /* background-image: url("gradient-1.jpg"); */
  background: 
    linear-gradient(0deg,rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 20%, transparent 100%),
    url("gradient-1.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  min-height: 100vh;
  margin: 0;
  color: white;
  background-blend-mode: multiply;
}

.navbar.is-transparent {
  background-color: transparent;
}

.site-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.is-fixed-bottom-section {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  /* Add padding if content below this section is cut off */
  /* padding-bottom: 3.25rem; for example if you have a fixed navbar */
}

.box-logo {
  width: 7rem;
}

.wordmark {
  width: 12rem;
}

.background-shadow {
  
}