@import url('https://fonts.googleapis.com/css?family=Bitter:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Rubik:700&display=swap');
:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}
body{
  background: url(/img/museum_tanah.JPG) repeat 0 0;
  min-height: 100%;
  background-size: cover;
  background-position: center center;
}

#ui{
    padding:5px;
    background-color:#f2f2f2;
    border-radius: 10px;
    background: rgba(242, 242, 242, 0.8);
}
button{
  font-family:'Source Sans Pro', sans-serif;
  font-weight: 600;
  background: rgba(240, 240, 240, 0.6);
  border-radius:5px;
  color:#3f3f3f;
}
.form-signin{
  width: 100%;
  max-width: 420px;
  padding: 15px;
  margin: auto;
}
.form-group{
  position: relative;
  margin-bottom: 1rem;
}
.h2{
  font-family: 'Rubik', sans-serif;
  font-weight:400;
  color:#2a2a2a;
}
label{
  font-family: 'Source Sans Pro', sans-serif ;
  font-weight: 600;
  color:#2a2a2a;
}
#logo{
  color:#2a2a2a;
}