.html_coder legend {
    font-size: 2rem;
    text-align: center;
    border-bottom: 0.5rem ridge;
}

.html_coder_text {
    box-sizing: border-box;
    border: 3px solid gray;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 100%;
    resize: none;
}

#html_encoder_result, #html_decoder_result {
    display: none;
}

.html_coder_text:focus {
    border-color: firebrick;
    background-color: rgb(255, 250, 255);
}

.html_coder_button {
    font-size: 1.3rem;
    background-color: aliceblue;
    box-shadow: 0px 0px 3px 3px lightblue;
    padding: 3px;
    cursor: pointer;
}

.html_coder_button:hover {
    background-color: rgb(245, 255, 255);
}