.op {
  display:grid;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-image: url('pemandangansore.jpg');
  background-size: cover;
}
.main{
  border:2px solid black;
  width:100%;
  height:100%;
  background: transparent;
  backdrop-filter: blur(10px);
  border-radius: 20px;
}
.main-h1{
  display:grid;
  justify-content: center;
  align-items: center;
  font-size:5vh;
  color:white;
margin-top: 5vh;
}
.email{
  display:grid;
  justify-content: center;
  align-items: center;
  margin-right: 5vh;
  margin-left: 5vh;
  padding:2vh;
}
.password {
  display:grid;
  justify-content: center;
  align-items: center;
  margin-right: 5vh;
  margin-left: 5vh;
  padding:2vh;
}
.checkbox {
  margin-right: 5vh;
  margin-left: 5vh;
  color:white;
  box-sizing: 10vh;
}
.view {
  font-size:2vh;
}
.button {
  display:grid;
  justify-content: center;
  align-items: center;
  margin-right: 5vh;
  margin-left: 5vh;
  padding:5vh;
}
.main-email {
  width:25vh;
  height:3vh;
  font-size: 2vh;
  border:2px solid black;
  border-radius: 10px;
}
.main-email:hover{

}
.main-password {
  width:25vh;
  height:3vh;
  font-size: 2vh;
  border:2px solid black;
  border-radius: 10px;
}
.submit{
  width:24vh;
  height:4vh;
  background-color:yellow;
  border-radius:15px;
  border:2px solid black;
  font-size: 2vh;
}

.signup {
  display:flex;
  justify-content:center;
  align-items: center;
  color:white;
  font-size:2vh;
  margin-bottom:3vh;
}

/*dashboard*/
*,
html{
  padding:0;
  margin:0;
}
.bg2{

}
header{
  display:flex;
  justify-content:center ;
  align-items:center;
  margin-top:5vh;
  font-size: 4vh;
}
.nav{
  margin-top:5vh;
}
.nav-ul{
  display:flex;
  justify-content: space-around;
    margin-top:5vh;
    margin-bottom:5vh;
}
.nav-li{
  list-style-type: none;
  font-size:4vh;
  transition: 1.2s ease-in-out;
}
.nav-li:hover{
  transition-delay: 1.2s ease-in-out;
  background-color:navy;
  color:white;
  border-radius:1vh;
}
  
.articel{
  display:grid;
  justify-content: center;
  align-items: center;
  margin-top: 10vh;
}
.p{
  font-size:4vh;
  margin-top:5vh;
}
h1 {
  font-size:5vh;
}
h3{
  font-size: 3vh;
}
p{
  font-size: 3vh;
}