body {
  background-image:url('pekora.jpg');
  background-size: cover;
  display:grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.bg1{
  background:transparent;
  border:2px solid black;
  backdrop-filter: blur(20px);
  border-radius: 5vh;
  height:73vh;
  width:45vh;
}
.bg2 {
  display:grid;
  justify-content: center;
  align-items: center;
  height: 40vh;
}
.formulir-h1 {
  display:grid;
  justify-content: center;
  align-items: center;
  font-size: 3vh;
}
.username {
  font-size: 2vh;
  padding:1vh;
}
.name{
  width:25vh;
  height:2vh;
  font-size: 2vh;
  border-radius:1vh;
}
.useremail {
  font-size: 2vh;
  padding:1vh;
}
.email {
  width:25vh;
  height:2vh;
  font-size: 2vh;
  border-radius:1vh;
}
.NoHp {
  font-size: 2vh;
  padding:1vh;
}
.nomor{
  width:25vh;
  height:2vh;
  font-size: 2vh;
  border-radius:1vh;
}
.Gender {
  padding:1vh;
  font-size: 2vh;
}
.laki {
  font-size: 2vh;
}
.perempuan {
  font-size: 2vh;
}
.agama {
  font-size: 2vh;
  padding:1vh;
}
.kepercayaan{
  width:10vh;
  height: 3vh;
  font-size: 2vh;
  border-radius:1vh;
}
.alamat {
    font-size: 2vh;
    padding:1vh;
}
.isi-alamat {
  width:15vh;
  height: 8vh;
  font-size: 2vh;
  border-radius:1vh;
}
.Foto{
  font-size: 2vh;
  padding:1vh;
}
.file {
  font-size: 2vh;
  padding:1vh;
}
.password {
  font-size: 2vh;
  padding:1vh;
}
.isi-password {
  width:25vh;
  height:2vh;
  font-size: 2vh;
  border-radius:1vh;
}
.save {
  width:7vh;
  height: 3vh;
  font-size: 2vh;
}
.reset{
  width:7vh;
  height: 3vh;
  font-size: 2vh;
}
.click {
  display:grid;
  justify-content: center;
  align-items: center;
  height:10vh;
}
.submit {
  background-color: yellow;
  font-size: 2vh;
  width:20vh;
  height:5vh;
  border:2px solid black;
  border-radius:10vh;
  transition: all 1.5s ease ;
}
.submit:hover{
  transform: scale(1.2);
  background-color: orange;
}