@import url('https://fonts.googleapis.com/css?family=Montserrat:500&display=swap');

/*  */
/* General */
/*  */
html{
  height: 100%;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
}

body{
  background-image: url("../pics/home.jpg");
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  height: 100%;
  margin-left:5%;
}



#cpr{
  color: rgba(255, 255, 255, 1);
  position: fixed;
  bottom : 10px;
  right: 10px;
  font-size: 12px;
}


/*  */
/* Form */
/*  */

.form-group label{
  color:rgba(0,0,0,1);
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}


#connect{
  font-size: 1.2em;
  margin-bottom: 1em;
}


input[type="password"]
{
  -webkit-text-security: disc;
}

.input-group{
  border-radius: 5px;
}

input:focus{
  border: 1px solid rgba(0,0,0,0.8);
}

.form{
  background: rgba(255,255,255,0.9);
  border-radius: 10px;
  padding: 1em 0 1em 0;
  margin-top:15%;
}


#feedback{
  position : fixed;
  bottom: 5em;
  margin-left: 37%;
  width:25%;
  text-align: center;
  padding: 20px;
  z-index: 9999;
  color: rgba(255,255,255,1);
  background-color: rgba(255, 0, 0, 0.5);
  border-radius: 5px;
  opacity: 1;
  transition: opacity 0.2s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#feedback:hover{
  opacity: 0.1;
}