body {
   font-family: 'Roboto', sans-serif;
   background: url('Background.png') no-repeat center center fixed;
   background-size: cover;
   height: 100vh;
   color: white;
 }

 h1 {
   font-size: 3rem;
   margin-bottom: 10px;
   color: #000000;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
   padding-top: 40px;
   text-align: center;
 }

 p {
   margin-bottom: 10px;
   color: #000000;
   text-align: center;
   align-items: center;
   flex-direction: column;
   display: flex;
   justify-content: flex-start;
 }

 a {
   font-size: 1.5rem;
   color: #000000;
   text-align: center;
   align-items: center;
   flex-direction: column;
   display: flex;
   justify-content: flex-start;
   text-decoration: underline;
   padding: 8px 8px;
   border-radius: 2px;
 }

 label {
   font-size: 1.5rem;
   color: #000000;
   background-color: #f8f8f870;
   text-align: center;
   align-items: center;
   flex-direction: column;
   display: flex;
   justify-content: flex-start;
   text-decoration: underline;
   width: 50%;
   margin-left: 150px;
   padding: 8px 8px;
   border-radius: 2px;
 }

 input[type="text"],
 input[type="password"],
 input[type="email"] {
   width: 50%;
   padding: 10px;
   margin: 10px 0;
   margin-left: 150px;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   font-size: 1.2rem;
 }

 .submit-btn {
   width: 100%;
   background-color: #4CAF50;
   color: white;
   padding: 10px;
   margin-left: 150px;
   width: 50%;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-size: 1.5rem;
 }

 .login-container {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
    border-radius: 10px;
    max-width: 600px;
    margin: auto;
 }