body {
    max-width: 1024px;
    margin: 0 auto 0 auto;
}


.computer {
    color: lightgray;
}

.computer.active {
    color: black;
}


.internet {
    color: red;
}



textarea {
    height: 180px;
}


.computer [name="privateKey"] {
    color: white;
}

.computer.active [name="privateKey"] {
    color: inherit;
}

.computer h1 {
    cursor: pointer;
}


.private-key,
.public-key {
    cursor: pointer;
}


.no-debug .debug {
    display: none;
}

.no-sign .sign {
    display: none;
}

.no-internet .internet {
    display: none;
}

.todo {
    line-height: 2em;
}

.todo.active {
    font-size: larger;
    font-weight: bold;
}

.todo.active {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.5;
    min-height: 50px;
}

@-webkit-keyframes pulsate {
    0% {
        opacity: 0.5;
        font-size: xx-large;
    }

    50% {
        opacity: 1.0;
        font-size: larger;
    }

    100% {
        opacity: 0.5;
        font-size: xx-large;
    }
}


.diffie td {
    height: 120px;
}