*{
            text-align: center;
            padding: 5px;
            font-size: 125%;
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        }
        body{
            height: 100vh;
            background: linear-gradient(135deg, #8e44ad, #3498db);
            color: white;
        }
        input {
            padding: 10px;
            font-size: 1rem;
            border: none;
            border-radius: 10px;
            text-align: center;
            width: 70%;
            margin-bottom: 20px;
        }

        input:focus {
            outline: none;
            box-shadow: 0 0 10px #fff;
        }
        h1{
            padding-top: 15%;
        }
        button {            
            border: none;
            padding: 12px 25px;
            color: black;
            font-size: 1rem;
            border-radius: 30px;
            cursor: pointer;
            transition: transform 0.3s ease, background 0.3s ease;
        }

        button:hover {
            transform: scale(1.1);
            background: linear-gradient(to right, #dc6f81, #ff1e7c);
        }