/* code writing */
#code-container {
    margin-right: 10%;
    margin-left: 10%;
    overflow-y: auto;
    max-height: 100vh;
    z-index: 1;
}

#code {
    color: rgb(111, 191, 228);
    font-family: "Kaushan Script";
    font-size: 40px;
    overflow: hidden;
    background-color: transparent;
    font-weight: bold;
    
}

#code_2 {
    color: rgb(111, 191, 228);
    font-family: "Kaushan Script";
    font-size: 20px;
    overflow: hidden;
    background-color: transparent;
    font-weight: bold;
}
canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    #code-container {
        margin-left: 4%;
        max-width: 90%;
        max-height: min-content;
        overflow-y: auto;
        max-height: 100vh;
    }

    #code {
        font-size: 17px;
    }

    #code_2 {
        font-size: 17px;
    }
}