:root {
  /* Set neon color */
  --neon-text-color: #f40;
  --neon-border-color: #08f;
}

/* Space out content a bit */
body {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
/*   background-image:url(https://i.imgur.com/0GJLz9h.jpg); */
  /* background-image: linear-gradient(90deg, rgba(0,0,0,0) 20%, rgb(0 0 0 / 10%) 40%, rgb(0 0 0 / 21%) 60%, rgba(27,31,46,0) 80%), url(img/bg2.jpg); */
  background-image: linear-gradient(43deg, rgb(16 0 0 / 38%) 20%, rgb(50 131 0 / 11%) 40%, rgb(1 50 120 / 25%) 60%, rgb(16 0 64 / 35%) 80%), url(img/bg2.jpg);
/*   background-blend-mode: difference; */
    background-size: cover;
    background-position: 27% 30%;
    background-attachment: fixed;
}



.btn,.btn-falcon-primary {
      /* background: linear-gradient(45deg, rgb(80,93,212) 0%, rgb(36,187,208) 100%); */
      color: white !important;
      transition: 0.5s;
      background: linear-gradient(45deg, var(--c1, rgb(36,187,208)), var(--c2, rgba(80,93,212,1) ) 51%, var(--c1, rgb(36,187,208))) var(--x, 0)/ 200% !important;
      /* --c2: rgb(36,187,208); */
      --c1: #04d9ff !important;
      --c2: rgb(80,93,212) !important;
}

.btn,.btn-falcon-primary:hover {
      /* background: linear-gradient(45deg, rgb(80,93,212) 0%, rgb(36,187,208) 100%); */
      color: white !important;
      transition: 0.5s;
      background: linear-gradient(45deg, var(--c1, rgb(36,187,208)), var(--c2, rgba(80,93,212,1) ) 51%, var(--c1, rgb(36,187,208))) var(--x, 0)/ 200% !important;
      /* --c2: rgb(36,187,208); */
      --c2: #04d9ff !important;
      --c1: rgb(80,93,212) !important;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 1rem;
  padding-left: 1rem;
}

/* Custom page header */
.header {
  padding-bottom: 1rem;
  border-bottom: .05rem solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 3rem;
}

/* Custom page footer */
.footer {
  padding-top: 1.5rem;
  color: #777;
  border-top: .05rem solid #e5e5e5;
}

/* Customize container */
@media (min-width: 48em) {
  .container {
    max-width: 46rem;
  }
}
.container-narrow > hr {
  margin: 2rem 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: .05rem solid #e5e5e5;
}
.jumbotron .btn {
  padding: .75rem 1.5rem;
  font-size: 1.5rem;
}

/* Supporting marketing content */
.marketing {
  margin: 3rem 0;
}
.marketing p + h4 {
  margin-top: 1.5rem;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 48em) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 2rem;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    background:transparent;
/*     background: #1b1f2ed4; */
    border-bottom: 0;
/*     background-image:url(data:image/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAAAAACMmsGiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUCB1jUlGRkWH6CQRMf//y8oJZAFUaCmUwcfODAAAAAElFTkSuQmCC) */
    /*  https://embed.syncronauts.io/webp/82.webp */
  }
}
.logo {
width:75%;
}
.logo-mini {max-width:200px;}

.card, .card:hover {
/*           padding:25px; */
          box-shadow:
            0 0 .5rem #fff,
            inset 0 0 .5rem #fff,
            0 0 2rem var(--neon-border-color),
            inset 0 0 2rem var(--neon-border-color),
            0 0 4rem var(--neon-border-color),
            inset 0 0 4rem var(--neon-border-color) !NOTimportant;
  transition:opacity:.5s;
}
.bg-card {
    background-image:url(img/corner-2.png);
    opacity: 85%;
    background-color: #1b1f2e;
    z-index: -1;
}

.bg-card-py {
  background-image: url(img/py.png);
  background-size: 66%;
  background-blend-mode: soft-light;
  background-position: 133%;
}

.bg-card-p2p {
  background-image:url(img/p2p.png);
  background-size: 50%;
  background-blend-mode: soft-light;
}

.bg-card-lists {
  background-image:url(img/list.png);
  background-size: 20%;
  background-blend-mode: soft-light;
}

.bg-card-sync {
  background-image:url(https://app.syncbond.com/tokenicons/SYNC.png?1.83);
  background-size: 75%;
  background-blend-mode: soft-light;
  background-position:180%;
}
.bg-card-neon {
  /* background-image: linear-gradient(90deg, rgba(0,0,0,0) 23%, rgba(27,31,46,1) 62%), url(img/nrmarket.jpeg); */
  background-image: linear-gradient(90deg, rgba(0,0,0,0) 23%, rgba(27,31,46,1) 62%), url(img/rainbg.jpg);
    /* https://images.unsplash.com/photo-1544365558-35aa4afcf11f?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=3254&h=400&q=80); */
  background-size: cover;
  background-blend-mode: soft-light;
  /* filter:blur(1px); */
  transform: scaleX(-1);
}

.bg-card-naut {
  background-image: url(https://embed.syncronauts.io/webp/82.webp);
  background-size: 50%;
  background-blend-mode: soft-light;
  /* filter: blur(1px); */
  background-position: -30% 30%;
  transform: scaleX(-1);
}


.card-text {padding-left:0px}

.bg-card-twit {
/*   background-image: url(https://upload.wikimedia.org/wikipedia/commons/4/4f/Twitter-logo.svg); */
/*   background-size: 20%;
  background-blend-mode: normal;
  background-position:92%; */
}



.hh {
min-height:231px;
}

.card:hover .bg-card {
  background-blend-mode: normal;
  /*    transition:  opacity 2s; */
  /*   background-color:black;*/
  opacity: 85%;
}

.card-footer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-radius: 0 15px 0 10px !important;
  }

.syncronaut{
  max-width:100%;
  max-height:200px;
}