@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;700&family=MuseoModerno:wght@100;300;400;500;600;900&family=Open+Sans:wght@300;800&family=Roboto+Flex:opsz,wght@8..144,100;8..144,900&family=Roboto:wght@100;300;400&display=swap');
/* 
font-family: 'IBM Plex Sans', sans-serif;
font-family: 'MuseoModerno', cursive;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto Flex', sans-serif; 
*/



*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
}
/*
 * Globals
 */
.bg-black {
  background-color: rgb(0, 0, 0);
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */

body {
  /* text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5); */
  margin: 0;
  padding: 0;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

.cover-container {
  max-width: 1280px;
  z-index: 2;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}


/*
 * TYPE
 */ 
.text-gradient {
  background: linear-gradient(90.13deg,#d1aad7 .11%,#c88bc4 25.06%,#7b8fdd 50%,#86bff2 74.8%,#bbdef2 99.76%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*
 * EMAIL FORM
 */ 

.wrapper {
  margin-top: 40px
}

.fl-wrap {
  float: left;
  width: 100%;
  position: relative
}

.wrapper .subcribe-form p {
  color: #fff;
  font-size: 1.5rem;
}

.wrapper .subcribe-form form {
  max-width: 450px;
  /* margin: 15px auto; */
  position: relative;
  z-index: 99;
}

.wrapper .subcribe-form #subscribe input {
  width: 100%;
  height: 48px;
  background: rgba(113, 113, 113, 0.65);
  border: none;
  outline: none;
  color: #15c7e7;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 60px;
  padding: 0 30px;
  box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.55)
}

.wrapper .subcribe-form #subscribe input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

/* .wrapper .subcribe-form #subscribe #subscribe-button {
  height: 38px;
  padding: 0 30px;
  border-radius: 60px;
  border: none;
  position: absolute;
  right: 6px;
  top: 6px;
  font-size: 1rem;
  color: #fff;
  cursor: pointer
} */

.subscribe-message {
  color: #fff;
  float: left;
  margin-top: 10px;
  text-align: left;
  font-weight: 500;
  line-height: 19px
}

.color-bg {
  background: #000000;
}


#submit-button {
  position: absolute;
  right: 6px;
  top: 6px;
  display: block;
  padding: 0 30px;
  height: 38px;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  background: #171515;
  border: none;
  border-radius: 60px;
  color: #666;
  cursor: pointer;
  transition: .5s;
}

#submit-button:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:60px;
  background: #86bff2;
  transition: .5s;
  transform: scale(.9);
  z-index: -1;
}

#submit-button:hover:before {
  transform: scale(1.2);
  box-shadow: 0 0 15px #86bff2;
  filter: blur(3px);
}

#submit-button:hover {
  color: #86bff2;
  box-shadow: 0 0 15px #86bff2;
  text-shadow: 0 0 15px #86bff2;
}

.footer-text {
  font-size: .875rem;
  line-height: 1.5;
}

.border-t {
  border-top: .5px solid rgba(200, 200, 200, .35);
  padding-top: 30px;
}

.bg-transform-x-gradient {
  background: linear-gradient(90.13deg,#c96fa0 4.27%,#6b80d2 35.45%,#59bbcc 66.11%,#a2af72 96.25%);
}


.text-gradient {
  background: linear-gradient(90.13deg,#d1aad7 .11%,#c88bc4 25.06%,#7b8fdd 50%,#86bff2 74.8%,#bbdef2 99.76%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.logo-type {
  font-family: 'MuseoModerno', cursive;
  font-weight: 400;
  text-transform: lowercase;
  margin-left: 8px;
}

.logo-type-container {
  width: 100px;
  margin-left: 10px;
}

.title {
  color: #fff;
  font-size: 4rem;
  line-height: 1;
  /* font-family: 'IBM Plex Sans', sans-serif; */
  /* font-family: 'MuseoModerno', cursive; */
  /* font-family: 'Open Sans', sans-serif; */
  font-family: 'Roboto rev=1', sans-serif; 
  text-transform: uppercase;
  font-weight: 300 !important;
}

canvas {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* width: 100%;
  height: 100%;
  z-index: 1; */
}