/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Background */
body {
    height: 100vh;

    display: flex;
    justify-content: center;
    align-items: center;

    overflow: hidden;

    font-family: 'Press Start 2P', cursive;

    /* Vaporwave Background */
    background-position: center;
    background-image: url("background.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0;
}

/* Main Container */
.container {
    position: relative;
    z-index: 2;

    width: 700px;

    text-align: center;

    padding: 60px 40px;

    border-radius: 30px;

    background: rgba(255,255,255,0.15);

    backdrop-filter: blur(10px);

    border: 2px solid rgba(255,255,255,0.5);

    box-shadow:
        0 0 30px rgba(255, 0, 255, 0.5),
        0 0 60px rgba(0, 150, 255, 0.3);
}

/* Title */
h1 {
    color: white;

    font-size: 2rem;

    margin-bottom: 50px;

    text-shadow:
        4px 4px 0px #000,
        0 0 15px #ff66ff;
}

/* Fancy Button */
button {
    font-family: 'Press Start 2P', cursive;

    padding: 25px 50px;

    font-size: 1.2rem;

    border-radius: 25px;

    border: 4px solid white;

    color: white;

    cursor: pointer;

    background:
        linear-gradient(180deg,
        #59c3ff,
        #005eff);

    box-shadow:
        0 0 20px rgba(0,255,255,0.7),
        0 10px 20px rgba(0,0,0,0.5);

    transition: all 0.25s ease;
}

/* Hover */
button:hover {
    transform: scale(1.05) translateY(-4px);

    box-shadow:
        0 0 35px rgba(255,0,255,0.9),
        0 15px 30px rgba(0,0,0,0.6);
}

/* Click */
button:active {
    transform: scale(0.97);
}

.divider::before,
.divider::after {
    content: "";

    width: 180px;
    height: 2px;

    background: rgba(255,255,255,0.5);
}

/* Text Box */
#textDisplay {
    padding: 40px;

    border-radius: 20px;

    background: rgba(0,0,0,0.35);

    border: 2px solid rgba(255,0,255,0.5);

    color: white;

    font-size: 1rem;

    line-height: 2;

    transition: opacity 0.4s ease;

    text-shadow: 2px 2px 0px black;
}