#titleJsScript{
    font-size: 50%;
}
main {
    position: relative;
}
#jsCanvasScriptContainer {
    width: 100%;
}

canvas:active,canvas:focus{
    border: 2px solid orange;
    box-shadow: 0 0 3px 2px yellow;
}
#canvas {
    -webkit-user-select: none;
        /* Disable text selection in Safari */
        -webkit-touch-callout: none;
        /* Disable callout, like the text copy/paste popup */
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        /* Disable the highlight color */
        user-select: none;
        /* Disable text selection in other browsers */
                /* t65rtouch-action: none; */
        /* Disable the default touch behavior */
    border: 1px solid black;
    width: 99%;
    height: 50vh; 
    z-index: 5; 
    overflow: hidden;
}
#scriptsContainer>.code-container {
    border: 1px solid black;
    align-self: flex-start;
    background-color: white;
    width: 100%;
    max-height: 500px;
    overflow-y: scroll;
}
#scriptsContainer>.code-container>#mainCode {
    width: 100%;
}
#scriptsContainer>.code-container>#mainCode > .code-container{
    border: none;
}