HTML/CSS - beta sscaey holloween Online Editor and JavaScript Compiler

html
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="630px" height="1400px" viewBox="0 0 630 1400" preserveAspectRatio="xMidYMid meet" ><rect id="svgEditorBackground" x="0" y="0" width="630" height="1400" style="fill: none; stroke: none;"/><defs id="svgEditorDefs"><symbol id="1f608" viewBox="0 0 64 64" preserveAspectRatio="xMidYMid meet"><rect x="0" y="0" width="64" height="64" style="stroke:none;fill:none;"/><g xmlns="http://www.w3.org/2000/svg"><circle cx="32" cy="32" fill="#f46767" r="30"/><g fill="#ffdd67"><path d="m16.654 10.284c-5.59-2.668-9.213-8.144-9.213-8.144-1.545 14.431 4.344 17.934 7.678 17.999 4.465.092 7.986-6.776 1.535-9.855"/><path d="m47.35 10.284c5.588-2.668 9.213-8.144 9.213-8.144 1.545 14.431-4.346 17.934-7.678 17.999-4.465.092-7.988-6.776-1.535-9.855"/></g><path d="m17.316 43.33c2.475 1.455 4.865 2.338 7.314 2.924 2.439.586 4.9.836 7.369.84 2.471-.01 4.93-.26 7.367-.846 2.449-.586 4.838-1.467 7.316-2.918-1.061 2.717-3.416 4.854-6.04 6.221-2.654 1.379-5.662 2.043-8.641 2.041-2.979-.004-5.984-.668-8.637-2.047-2.625-1.367-4.98-3.502-6.05-6.215" fill="#493b30"/><path d="m52.29 26.758c2.01 4.313.146 9.439-4.168 11.449-4.313 2.01-9.439.145-11.449-4.166-1.514-3.248 14.1-10.531 15.617-7.283" fill="#fff"/><g fill="#493b30"><path d="m49.762 27.938c1.359 2.916.098 6.381-2.816 7.742-2.916 1.359-6.381.098-7.742-2.818-.864-1.852 9.694-6.776 10.558-4.924"/><path d="m53.895 27.09c-1.87.181-3.539.459-5.153.89-1.609.423-3.145.982-4.622 1.668-1.484.689-2.891 1.489-4.25 2.448-1.365.957-2.645 2.057-3.975 3.387.203-1.885 1.128-3.655 2.369-5.116 1.249-1.46 2.852-2.64 4.596-3.44 1.75-.81 3.67-1.262 5.591-1.279 1.912-.009 3.858.407 5.444 1.442"/></g><path d="m11.709 26.758c-2.01 4.313-.146 9.439 4.168 11.449 4.311 2.01 9.438.145 11.447-4.166 1.516-3.248-14.1-10.531-15.615-7.283" fill="#fff"/><g fill="#493b30"><path d="m14.238 27.938c-1.361 2.916-.1 6.381 2.814 7.742 2.918 1.359 6.383.098 7.744-2.818.862-1.852-9.694-6.776-10.558-4.924"/><path d="m10.11 27.09c1.586-1.035 3.531-1.451 5.444-1.443 1.921.017 3.841.469 5.591 1.279 1.744.802 3.346 1.981 4.595 3.441 1.241 1.46 2.167 3.23 2.37 5.115-1.33-1.33-2.61-2.43-3.975-3.386-1.36-.958-2.767-1.759-4.25-2.449-1.478-.685-3.01-1.244-4.622-1.667-1.613-.431-3.282-.709-5.153-.89"/></g></g></symbol><polygon id="svgEditorShapeDefs" style="fill:red;stroke:black;vector-effect:non-scaling-stroke;stroke-width:1px;"/></defs><rect x="185.89071655273438" y="81.91748046875" style="fill:khaki;stroke:black;stroke-width:1px;" id="e1_rectangle" width="85.6858" height="119.27" rx="0" ry="0" /><circle id="e2_circle" cx="230.26229858398438" cy="58.9805908203125" style="fill:khaki;stroke:black;stroke-width:1px;" r="54.0622" /><rect x="338.461" y="188.798" style="fill:khaki;stroke:black;stroke-width:1px;" id="e3_rectangle" width="130.055" height="32" rx="0" ry="0" transform="matrix(0.00884358 0.747833 -0.999961 0.00661378 402.413 -53.7956)"/><rect x="55.1257" y="106.444" style="fill:khaki;stroke:black;stroke-width:1px;" id="e2_rectangle" width="130.055" height="32" rx="0" ry="0" transform="matrix(0.985036 0.172348 -0.172348 0.985036 23.4879 -31.882)"/><rect x="561.178955078125" y="30.35380744934082" style="fill:khaki;stroke:black;stroke-width:1px;" id="e4_rectangle" width="130.055" height="32" rx="0" ry="0" transform="matrix(-0.987521 0.157487 -0.157487 -0.987521 958.577 65.0734)"/><rect x="340.8307800292969" y="136.76083374023438" style="fill:khaki;stroke:black;stroke-width:1px;" id="e5_rectangle" width="130.055" height="32" rx="0" ry="0" transform="matrix(0.00884358 0.747833 -0.999961 0.00661378 402.413 -53.7956)"/><use xlink:href="#1f608" x="164.47" y="-9.06555" width="127.76" height="127.76" id="e5_emoji" transform="matrix(0.891293 0 0 0.891293 25.9692 9.39589)"/><path d="M-5.8239990344986445,-6.757435781057595a2.40404,2.40404,0,1,1,4.584716271318984,-1.4082381663156625v1.9999999999999991h-1.0000000000000009l1.6250000000000018,1.2499999999999991l1.625000000000003,-1.2499999999999991h-0.9999999999999998v-1.9999999999999991a2.25,2.25,0,0,0,-8.285321968644237,2.335951385830068Z" style="fill:red; stroke:red; vector-effect:non-scaling-stroke;stroke-width:1px;" id="e6_shape" transform="matrix(5.81209 -2.6419 -7.80627 -8.93964 259.201 120.124)"/></svg>
    </body>
</html>
css
BROWSER
Console