body {
    margin: 0px;
    width: 100%;
    height: 100%;
}

.title {
    margin-top: 20px;
    margin-left: 60px;
    margin-bottom: 0px;
    font-family: monospace;
    font-size: 40px;
}

.codeAreaWrapper {
    width: calc(100% - 60px);
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    border-color: gray;
    margin-top: 20px;
    margin-left: 30px;
}

.hint {
    margin: 0px;
    padding-top: 2px;
    padding-bottom: 5px;
    text-indent: 5px;
    width: 100%;
    font-family: arial;
    background-color: aliceblue;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: gray;
}

#codeArea {
    margin: 0px;
    width: 100%;
    height: 600px;
}

#formatBtn {
    margin-left: 30px;
    margin-top: 20px;
    width: 200px;
    height: 30px;
    border-style: solid;
    border-color: gray;
    border-width: 1px;
    background-color: greenyellow;
    cursor: pointer;
}

#formatBtn:active {
    background-color: rgb(179, 242, 84);
}

#formatBtn:active {
    background-color: rgba(197, 251, 116, 0.884);
    color: rgb(92, 90, 90);
}