body{
  font-family: 'Lato' , 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.navbar.bg-dark, .bottom-section{
  background-color: rgb(0, 0, 0)!important;
}

.nav-link:hover{
  transition: border ease-in-out 0.2s;
  border-bottom: 1px solid white;
}

.nav::after{
  content:" ";
  clear:both;
  display:table;
}


#btn-round{
  border-radius: 3rem;
  border-color: #60AFF5;
  text-decoration: rgb(255, 255, 255);

}

@media(max-width: 768px){
  .nav-link:hover{
    border-bottom: none;
  }
}

.header{
     background-image: linear-gradient(to right,
     rgba(0, 0, 0, 0.575),
     rgba(0, 0, 0, 0.719)),
      url(../img/Hero/day20-rocket.png);
      background-position: center;
      background-size: cover;
      height: 90vh;
      position: relative;
    }

.features{
    margin-top: 50px;;
  }

    .btn-green{
      background-color: rgba(40, 180, 133, 0.801);
    }

.Learning-Opportunity{
      background-image: linear-gradient(to right,
      rgba(0, 0, 0, 0.575),
      rgba(0, 0, 0, 0.719)),
      url(../img/Hero/day21-Lantern.gif);
      background-position: center;
      background-size: cover;
    }

    .bottom-section .decoration-footer li a{
      text-decoration: none;
      color: rgb(255, 255, 255);
    }

    .footer-color{
      background-color: rgb(26, 28, 32);
    }

    .form-signin {
      width: 100%;
      max-width: 330px;
      padding: 15px;
      margin: auto;
    }
    .form-signin .checkbox {
      font-weight: 400;
    }
    .form-signin .form-control {
      position: relative;
      box-sizing: border-box;
      height: auto;
      padding: 10px;
      font-size: 16px;
    }
    .form-signin .form-control:focus {
      border: 1px solid black;
      z-index: 2;
    }

    .form-group .form-control:focus,
    .form-group .form-control:focus,
    .form-group .form-control:focus,
    .form-group .form-control:focus,
    .form-group .form-control:focus,
    .form-group .form-control:focus{
      border: 1px solid black;
      z-index: 2;
    }



    .form-signin input[type="email"] {
      margin-bottom: -1px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    .form-signin input[type="password"] {
      margin-bottom: 10px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }