body {
    background: linear-gradient(to bottom right, pink, cyan);
    font-family: "Comic Sans MS", cursive, sans-serif;
    text-align: center;
    color: lime;
}

.login-wrapper {
    margin-top: 50px;

    background-color: black;
    border: 5px dashed red;
    width: 400px;
    margin: auto;
    padding: 20px;
    box-shadow: 10px 10px 50px yellow;
    transform: rotate(-1deg);
}

.logo {
    width: 100px;
    animation: spin 5s infinite linear;
    margin-bottom: 20px;
}

input[type="text"],
input[type="password"] {
    width: 90%;
    padding: 10px;
    margin-top: 5px;
    border: 2px solid hotpink;
    background-color: #111;
    color: yellow;
    font-size: 1.2em;
}

input[type="submit"] {
    background-color: #00ff00;
    color: purple;
    padding: 10px 20px;
    font-size: 1.3em;
    border: 3px groove blue;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: orange;
}

.disclaimer {
    font-size: 0.9em;
    color: red;
    margin-top: 20px;
    font-style: italic;
    animation: blink 1s infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}