@import url('https://fonts.googleapis.com/css?family=Numans');

html,body{
background: linear-gradient(to bottom, #0080c7, white);
background-size: cover;
background-repeat: no-repeat;
height: 100%;
font-family: 'Numans', sans-serif;

}

.container{
height: 100%;
align-content: center;
}
 select{
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance:none;
        outline: 0;
        box-shadow: none;
        border:0!important;
        background:rgba(135, 206, 255, 0.5);
        background-image: none;
    }
    select::-ms-expand{
        display: none;
    }
    .select{
        position:relative;
        display: flex;
        width: 20em;
        height: 3em;
        line-height: 3;
        background:rgba(135, 206, 255, 0.5);
        overflow: hidden;
        border-radius: .25em;
    }

    select{
        flex: 1;
        padding:0 .5em;
        color:black;
        cursor:pointer;
        font-size: 1.3em;

    }
  .select::after{
      content: '\25bc';
      position:absolute;
      top: 0;
      right: 0;
      padding: 0 1em;
      background:rgba(135, 206, 255, 0.5);
      cursor:pointer;
      pointer-events:none;
  }
  .select:over::after{
      color:#fff;
  }





.card{
height: auto;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;

}

.social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

.social_icon span:hover{
color: white;
cursor: pointer;
}

.card-header h3{
color: white;
font-size: 20px;
font-family: montserrat;
    
}

.social_icon{
position: absolute;
right: 20px;
top: -45px;
}

.input-group-prepend span{
width: 51px;
background-color: #0080c7;
color: white;
border:0 !important;
}

input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

.remember{
color: white;
}

.remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

.login_btn{
color: white;
background-color: #0080c7;
width: 100px;
}

.login_btn:hover{
color: black;
background-color: white;
}

.links{
color: white;
}

.links a{
margin-left: 4px;
color: white;
}
textarea {
  height: 30px;
    width: 100%;
    resize: none;
}