@font-face {
    font-family: embedCourier;
    src: url(cour.ttf);
}
html, body {
                overflow: hidden;
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0;
            }

            #renderCanvas {
                background-image: linear-gradient(rgb(242, 156, 156), rgb(30, 255, 0));
                width: 100%;
                height: 100%;
                touch-action: none;
            }
            #loadingScreen {
                position: absolute;
                width: 100%;
                height: 100%;
                color: white;
                font-size: 50px;
                text-align: center;
                background-color: #ffffff43;
                z-index: 9999;
            }
            .loadingTxt {
                width: 100%;
                height: 100%;
                font-family: embedCourier;
                color: rgb(41, 31, 31);
                font-size: 14px;
            }
            .Description {
                pointer-events: none;
                position: relative;
                height: 100%;  
                z-index: 9998;
            }
            .CopyTxt {
                position: absolute;
                width: 50%;
                left: 25px;
                top:25px;
                font-family: embedCourier;
                color: rgb(41, 31, 31);
                font-size: 14px;
                -webkit-font-smoothing: none; /* want to keep text aliased, don't know if this will work*/
                -moz-osx-font-smoothing: none;
                font-smooth: never;                       
                -webkit-user-select: none; /* Safari */
                -ms-user-select: none; /* IE 10 and IE 11 */
                user-select: none; /* Standard syntax */
            }