* { box-sizing:border-box; }
html { height:100%; }
body {
    background-image:linear-gradient(to bottom, #001c8f, #5b3ca9);
    font-family:sans-serif;
}

.mtt-box {
    max-width: 600px;
    margin: 0 auto;
    margin-top: 6rem;
}

.mtt-hdr {
    text-align: center;
    background-color: #b8c2ec;
    font-size: 400%
}

.mtt-masktext {
    display: none;
    word-wrap: break-word;
}

.mtt-unmask .mtt-masktext {
    display: initial
}