body {
  font-family: 'Poppins', sans-serif;
  font-size:1.1rem;
}

.navbar-light .navbar-toggler {
  border-color:transparent!important;
}

h1 {
  font-size: 50px;
  line-height: auto;
  font-weight:900;
  letter-spacing: -2px;
}

h2 {
  font-size:50px;
  line-height: auto;
  font-weight:900;
  letter-spacing: -2px;
}

@media only screen and (max-width:991px) {
  h2 {
    font-size:30px;
    line-height: auto;
  }
}

h3 {
  font-size:30px;
  line-height: auto;
  font-weight:900;
  letter-spacing:-1px;
}

@media only screen and (max-width:991px) {
  h3 {
    font-size:24px;
    line-height: auto;
  }
  h4 {
    font-size:24px;
    line-height: auto;
  }
}

.task-card-title {
  font-weight:510;
  font-size:30px;
  line-height: 38px;
}

.twitter-btn {
  transition: all 0.3s ease;
  max-width: 100px;
}

.twitter-btn:hover {
  transform: scale(1.1);
}

@media only screen and (max-width:991px) {
  .task-card-title {
    font-weight:510;
    font-size:20px;
    line-height: 26px;
  }
  .twitter-btn {
    max-width: 80px;
  }
}

.footer-links a {
  display:block;
}

.btn-red {
  width:100%;
  background:#f24c49;
  transition: all 0.3s ease;
}

.btn-red:hover {
  background:#B92C29;
  opacity: 1;
}


.btn-primary {
  background:#000BDF;
}
.challenge-wrap {
  border: 5px solid #F2F0F0;
  border-radius: 50px;
}

hr {
  border: 3px solid #f2f0f0;
}
.blue-text {
  color:#000BDF!important;
}
.link-underline {
  text-decoration: underline!important;
}
.btn {
  border-radius: 4px!important;
  padding: 1em 3em;
}
.header {
  background:#FD3C38;
}
.btn-white {
  background: #fff;
  color: #FD3C38;
}
.reshuffle-button {
  cursor:pointer;
  transition:all .1s ease;
}
.reshuffle-button:hover {
  opacity: 0.7;
}
#red-card-wrap {
  background:#FD3C38;
  border-radius: 20px;
}

#black-card-wrap {
  background:black;
  border-radius: 20px;
}

#blue-card-wrap {
  background:#000BDF;
  border-radius: 20px;
}

#blue-card-wrap.null-card {
  background:grey;
}

.blue-vis-btn {
  right:40px;
  top:20px;
  cursor:pointer;
}
.mip-card {
  min-height:480px;
}
@media only screen and (max-width:991px) {
  .mip-card {
    min-height:260px;
  }
}
.blue-content {
  position: relative;
  padding:0!important
}

.lock-btn {
  opacity: 0.6;
  cursor: pointer;
  transition: all 0.3s ease;
}

.lock-btn img {
  width:30px;
  transition: all 0.3s ease;
}

.hide-icon {
  width:30px;
}

.lock-btn img:active {
  transform: scale(1.3);
}

.lock-btn.active {
  opacity: 1;
}

.footer-bg {
  background:#000;
}

.icons-size {
  max-width:144px;
  cursor:pointer;
  transition: all 0.3s ease;
}

.icons-size:hover {
  transform: scale(1.3);
}

@media only screen and (max-width:991px) {
  .icons-size {
    max-width:180px;
    display: block;
    margin-bottom: 40px;
  }



}

@media only screen and (max-width:640px) {
.mip-pb-n {
  padding-bottom:0px !impportant;
}
}

.grey-bg {
  background:#E4E5EA;
}