* {
    transition: .5s;
    font-family: Lexend, sans-serif;
}

*:focus {
    outline: 0;
}

html {
    font-family: Lexend, sans-serif;
}

textarea {
    display: block;
    border: 1px solid #333;
    resize: none;
}

input[type=password], input[type=text] {
    display: block;
    border: 1.25px solid #333;
}

input[type=password]:focus, button:hover, button:focus, #file_label span:focus, #file_label span:hover {
    box-shadow: 0 0 2px 3px #5555BF55;
}

button {
    background: #5555BF;
    color: #FFF;
    padding: .5rem;
    border-radius: .3rem;
    display: block;
}

button:disabled {
    background: #7777;
}

#output div {
    border: 1px solid #333;
    margin-top: .25rem;
}

#output span {
    padding: .125rem;
}

h3 {
    font-size: 1.15rem;
    font-weight: bold;
    text-align: center;
    margin: .5rem 0;
}

.block input:checked+span {
    background: #5555BF;
    color: #FFF;
}

#toggler {
    color: #5555BF;
    padding: 0;
    background: transparent;
}