body{
  padding: 30% 10% 10% 10%;
  font-family: 'Lato';
}

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

img{
  width: 70%;
}

h1{
  font-size: 1rem;
  text-align: center; /* Center the text */
}

h2{
  font-size: 1rem; /* Adjust the font size to fit within the container */
  text-align: center; /* Center the text */
}

/*CSS for the classes provided by the Azure*/


.heading,
.intro,
.entry-item label,
.divider,
.create{
  display: none;
}

form{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.password-label a{
  margin-left: 44%;
}

button{
background-color: rgb(237, 235, 235);
color: black;
padding: 3% 0%; 
border-radius: 10px;
font-size: 1rem;
width: 40%;
font-family: 'Lato';
}
.buttons{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1rem;
}

a{
color: black;
font-size: 0.891rem;
}

.entry{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}

.entry-item{
  width: 90%;
}

input{
width: 100%;
padding: 5% 0% 5% 2%; 
margin: 1rem 0px; 
border-radius: 10px;
border: 1px solid black;
outline: none;
font-size: 1rem;
font-family: 'Lato';
}

label{
  font-size: 1rem;
  text-align: center;
}