.form-signin{
    background: #333333;
    border-radius: 3px;
    width: 50rem !important;
    border: 2px solid #6abbfc;
    transform: scale(1.05);
  }

  .form-control{
    color: #f8f9fa !important;
    border: none !important;
    border-bottom: 2px solid #f8f9fa !important;
    border-radius: 0px !important;
    background: transparent !important;
  }
  
  .form-control:focus{
    color: #f8f9fa !important;
    border: 0px solid transparent !important;
    border-bottom: 2px solid #f8f9fa !important;
  }

  .form-control:active{
    border: none !important;
    border-bottom: 2px solid #f8f9fa !important;
  }
  
  ::placeholder{
    color: #8a8a8a !important;
    transition: 0.4s;
  }
  
  :focus::placeholder{
    color: transparent !important;
    transition: 0.4s;
  }
  
  .btn-primary{
      background-color: #6abbfc;
      border-color: #6abbfc;
  }
  .btn-primary:hover{
      background-color: #3388CC;
      border-color: #3388CC;
  }
  .bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  }
  
  @media (min-width: 768px) {

    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
    
  }

  .copyright{
    color: #6abbfc !important;
  }

  .button-sigin{
    margin-top: 5rem !important;
  }

  input{
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }