* {
  padding: 0;
  margin: 0;
}
#navbar {
  display: flex;
  align-items: center;       
  justify-content: space-between;
  padding: 10px 20px;
}
#logo {
  color: red;
  font-size: 40px;
  font-weight: bolder;
  background-color: aliceblue;
  padding:3px;
  border-radius:10px;
  margin : 10px;
}
#but {
  color: white;
  background-color: red;
  padding: 6px 12px;
  border-radius: 5px;
  border: none;
}
#data {
  display: flex;
  flex-direction: column;   
  justify-content: center;
  align-items: center;
  height: calc(100vh - 80px);
  text-align: center;
}

#data h1 {
  color: white;
  font-size: 50px;
  font-weight: 800;
  font-family:  sans-serif;
}
body {
  background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f562aaf4-5dbb-4603-a32b-6ef6c2230136/dh0w8qv-9d8ee6b2-b41a-4681-ab9b-8a227560dc75.jpg/v1/fill/w_1280,h_720,q_75,strp/the_netflix_login_background__canada__2024___by_logofeveryt_dh0w8qv-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzIwIiwicGF0aCI6Ii9mL2Y1NjJhYWY0LTVkYmItNDYwMy1hMzJiLTZlZjZjMjIzMDEzNi9kaDB3OHF2LTlkOGVlNmIyLWI0MWEtNDY4MS1hYjliLThhMjI3NTYwZGM3NS5qcGciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.FScrpAAFnKqBVKwe2syeiOww6mfH6avq-DRHZ_uFVNw);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;

}
.overlay{
  background: rgba(0, 0, 0, 0.75); 
}
#data h3 {
  color: aliceblue;
  margin-top: 20px;
  font-size: 22px;
  font-weight: bolder;
}
#data h2{
  color: aliceblue;
  margin-top: 20px;
  font-size: 22px;
  font-weight: lighter ;
}
.email-box input {
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  margin-right:70px;
  margin-top:30px
}
.email-box button {
  size:40px;
  padding: 10px;
  background-color:red;
  color:beige;
  font-weight:bolder ;
  border-radius: 10px;
}