:root {
  --page-min-height: 800px;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    scroll-behavior: 0;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
}

a {
    color: unset;
    text-decoration: none;
}

.bm__body {
    flex: 1;
    display: flex;
    width: 100%;
}

/* https://angrytools.com/gradient/ */            
.gradient__bg {

    background: radial-gradient(77.59% 77.59% at 19.76% 22.41%, #0E47B6 0%, #030E24 78.72%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;

}

.gradient__text {
    background: var(--gradient-text);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  
.section__padding {
    padding: 4rem 6rem;
  }
  
.section__margin {
    margin: 4rem 6rem;
  }

.scale-up-center {
	-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.bm__close-dev {
  display: none;
}

@-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
@keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
}
  
/**
 * Media: Mobile Phone
 */
 @media screen and (max-width: 550px) {

  .section__padding {
    padding: 1rem 1rem;
  }

  .section__margin {
    margin: 1rem 1rem;
  }

 }