html{
  font-size: 16px;
}
body{
  padding: 0rem;
  margin: 0rem;
  box-sizing:boder-box;
  background-image: url(https://images.unsplash.com/photo-1558642891-54be180ea339?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTV8fGJlZXJ8ZW58MHx8MHx8fDA%3D);
  background-repeat: no-repeat;
  background-position: right;
  background-attachment: fixed;
  
  
}
h1{
  color: red;
  font-weight: 800;
  font-family: "Nunito", sans-serif;
  font-size: 3rem;
}
#tag1{
  color: #DDAA33;
  /*This is the main heading */
}
.form1{
  display: flex;
  justify-content: center;
  font-family:"Nunito", sans-serif;
  font-weight:700;
  margin-top:4rem;
  margin-bottom:2rem;
  font-size: 1.5rem;
}
.msg1{
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top:-3rem;
  color: grey;
  font-weight: 300;
  font-size:small;
  font-family:"Nunito", sans-serif;
}
/*here i contral form*/
.name{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  gap:1rem;
  line-height: 1rem;
  font-family:"Nunito", sans-serif;
  font-size: 1.2rem;
  
}
.phone{
  display: flex;
  justify-content:center;
  align-content: center;
  line-height: 1rem;
  margin-top: 1rem;
  gap:1rem;
  font-family:"Nunito", sans-serif;
  transform: translate(-7.8rem);
  font-size: 1.2rem;
}
.email{
  display: flex;
  justify-content: center;
  margin-top:1rem;
  gap:1rem;
  font-family:"Nunito", sans-serif;
   transform: translate(-7.8rem);
   font-size: 1.2rem;
}
.password{
  display: flex;
  justify-content: center;
  margin-top:1rem;
  gap:1rem;
  font-family:"Nunito", sans-serif;
   transform: translate(-6.8rem);
   font-size: 1.2rem;
}
.age{
  display: flex;
  justify-content: center;
  margin-top:1rem;
  font-family:"Nunito", sans-serif;
   transform: translate(-1.8rem);
}
.terms{
   display: flex;
  justify-content: center;
  margin-top:1rem;
  font-family:"Nunito", sans-serif;
}
.createaccountbutton {
  display: flex; 
  justify-content: center; 
  align-items: center;
  margin-top: 1rem;
  margin-bottom: 3rem;
  font-family:"Nunito", sans-serif;
}
.Details{
  width: 50rem;
  margin: auto;
  
  padding-top:1rem;
  font-family:"Nunito", sans-serif;
  
}
.terms{
  display: flex; 
  justify-content: center; 
  align-items: center;
  font-size: small;
  font-family:"Nunito", sans-serif;
  gap: 0.5rem;
}
.lastline{
  display: flex;
  justify-content: center;
  align-items: center;
  color: grey;
  font-size: x-small;
  font-family:"Nunito", sans-serif;
}
}
/*updates*/
.phone{
  padding-right: 1rem;
}
.email{
  padding-right:1rem;
}
.password{
  padding-right: 1rem;
}