body{
font-family: 'Helvetica', sans-serif;
font-style: bold;
background-color: black;
color: white;
position: relative;
}

.content{
	position: relative;
	top: 50%;
	height: 700px;
}

#passwordInput{
position: absolute;
width: 300px;
height:50px;
top: 62%;
left: 50%;
background-color:black;
border-color: white;
color: white;
transform: translate(-50%,-50%);
}


 button{
font-family: 'Helvetica', sans-serif;
background-color: black;
color: white;
position: absolute;
border-color: white;
position: absolute;
top: 73%;
left: 59%;
transform: translate(-50%,-50%);
cursor: pointer;
}

h3{
position: absolute;
top:47%;
left:38.5%;
color: white;
font-size: 20px
transform: translate(-50%,-50%);
text-align: left;
}

.M{
position: absolute;
top: 40%;
left: 50%;
font-size: 40px;
color: white;
 animation: glow 2s infinite alternate;
 transform: translate(-50%,-50%);

}

 @keyframes glow {
    0% {
      text-shadow: 0 0 10px white;
    }
    100% {
      text-shadow: 0 0 20px white;
    }
  }

  @media only screen and (max-width: 600px) {
    body {
        font-size: 14px; /* Adjust font size for better readability on smaller screens */
    }

    .content {
        height: auto; /* Adjust height to fit content */
    }

    #passwordInput {
        width: 80%; /* Adjust width for better fit */
        height: 40px; /* Adjust height for better fit */
        top: 70%; /* Adjust positioning */
        left: 50%; /* Adjust positioning */
        transform: translate(-50%, -50%);
    }

    button {
        font-size: 12px; /* Adjust font size */
        top: 80%; /* Adjust positioning */
        left: 50%; /* Adjust positioning */
        transform: translate(-50%, -50%);
    }

    h3 {
        font-size: 16px; /* Adjust font size */
        top: 45%; /* Adjust positioning */
        left: 50%; /* Adjust positioning */
        transform: translate(-50%, -50%);
    }

    .M {
        font-size: 30px; /* Adjust font size */
        top: 35%; /* Adjust positioning */
        left: 50%; /* Adjust positioning */
        transform: translate(-50%, -50%);
    }
}