h1 {
    color: pink;

}

body {
            background-color: #212121;
            font-family: Arial;
            text-align: center;
            background-position: center;
            background-size: auto 100%; 
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;

        }
        h2 {
            color: #b0b0b0;
            font-weight: bold;
        }
        .nologin {
            color: #b0b0b0;
            font-weight: bold;
            font-size:15px;
            margin-top: 20px;
        }
        form {
            display: inline-block;
            margin-top: 20px;
        }
        input[type="email"], input[type="password"] {
            display: block;
            width: 100%;
            max-width: 300px;
            padding: 10px;
            margin: 10px auto;
            border: 1px solid #444;
            border-radius: 5px;
            background-color: #222;
            color: #fff;
        }
        button {
            padding: 20px 20px;
            font-size: 20px;
            text-decoration: underline;
            background-color: green;
            border: none;
            border-radius: 20px;
            cursor: pointer;
            display: inline-block;
            text-align: center;
            transition: transform 0.2s ease, color 0.2s ease;
        }
        button:hover {
            background-color: #666;
            transform: scale(1.2);
        }
        a {
            display: block;
            margin-top: 20px;
            color: #fff;
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        @media (max-width: 766px) {
    body {
        font-size: 16px;
    }

    p {
        font-size: 15px;
    }

    a {
        font-size: 15px;
        padding: 10px 10px;
        transition: none !important;

    }
     a:hover {
    transform: none;
    
     }
button {
font-size:18px;
padding: 10px 10px;
transform: color 0.1s ease;

}
button:hover {
    transform: none;
  
}
 pp {
        font-size: 16px;
    }
}