body{
    display: grid;
    
    background-color: aliceblue;
    margin: 0;
    padding: 0;
   
}
main{
   
   display: grid;
   place-items: center;
   width:100%;
   height: 100vh;
}

.containter{

    display: grid;
    place-items: center;
}

.login{
border-radius: 10px;
background-color: white;
width: 100%;
height: 35vh;
display: grid;
place-items: center;
}

h1{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0px;

}

input{
display:grid;
    width: 80%;
    height: 30px;
    font-size: 23px;
    place-items: center;
    margin-bottom: 5px;
border-radius: 7px;
padding:7px;
background-color: rgb(243, 243, 243);
border: 1px solid rgb(117, 117, 117);

}

button{
	height: 45px;
border-radius: 5px;
    width: 180px;
    background-color: #FFA41C;
   border: none;
   padding: 13px;
   font-size: 15px;
}


#popup {
  position: sticky;
  top: 50%;
  left: 50%;
  transform: translate(-2.5%, -60%);
  width: 90%;
  height: auto;
  background-color: white;
  border: 5px solid black;
  padding: 10px;
 font-family: Arial;
 border-radius: 10px;
}

.now{
	display: none;
	
}