body {
    background-color: #111111;
    color: #cccccc;
}

.hidden {
    display: none;
}

a.home {
    position: absolute;
    bottom: 20px;
    left: 10%;
    margin: auto;
    text-align: center;
}

div {
    position: relative;
    border: 5px solid #256586;
    border-radius: 8px;
    min-height: 150px;
    min-width: 250px;
    margin: 40vh 20vw;
}

div#form-encrypted {
    min-height: 190px;
    margin-bottom: 30vh;
}

label,
textarea,
input {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
    height: 30px;
    width: 80%;
    text-align: center;
}

button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 12px;
    margin: auto;
    height: 40px;
    width: 120px;
}

#copy-link {
    left: 90%;
    bottom: 125px;
    height: 35px;
}

#copy-share-password {
    left: 90%;
    bottom: 65px;
    height: 35px;
}

label[for="link"] {
    top: 10px;
}

#decrypted {
    top: 60px;
}

label[for="share-password"] {
    top: 70px;
}

#share-password {
    top: 90px;
}

#info-decryption-failed {
    position: absolute;
    top: 5px;
    left: 36%;
    margin: auto;
    text-align: center;
    width: 200px;
    font-weight: bold;
}