.lissajous-curve-container{position:relative;overflow:hidden;max-width:90vw;max-height:90vw;height:90vh;width:90vh;margin:auto}.lissajous-curve-container .a-circle,.lissajous-curve-container .a-label,.lissajous-curve-container .ax-line,.lissajous-curve-container .ay-line,.lissajous-curve-container .b-circle,.lissajous-curve-container .b-label,.lissajous-curve-container .bx-line,.lissajous-curve-container .by-line{position:absolute;z-index:1;opacity:.1;transition-property:opacity}.lissajous-curve-container:hover .a-circle,.lissajous-curve-container:hover .a-label,.lissajous-curve-container:hover .ax-line,.lissajous-curve-container:hover .ay-line,.lissajous-curve-container:hover .b-circle,.lissajous-curve-container:hover .b-label,.lissajous-curve-container:hover .bx-line,.lissajous-curve-container:hover .by-line{opacity:.6}.lissajous-curve-container .ax-line,.lissajous-curve-container .bx-line{width:1px}.lissajous-curve-container .ax-line,.lissajous-curve-container .ay-line{background-color:#a55}.lissajous-curve-container .ay-line,.lissajous-curve-container .by-line{height:1px}.lissajous-curve-container .bx-line,.lissajous-curve-container .by-line{background-color:#5a5}.lissajous-curve-container .a-circle,.lissajous-curve-container .b-circle{width:40%;height:40%;border-radius:100%;border-width:1px;border-style:solid}.lissajous-curve-container .a-circle{top:5%;right:5%;border-color:#a55}.lissajous-curve-container .b-circle{bottom:5%;left:5%;border-color:#5a5}.lissajous-curve-container .a-label{top:5%;right:5%;color:#a55}.lissajous-curve-container .b-label{bottom:5%;left:5%;color:#5a5}canvas{display:block;position:absolute;width:100%;height:100%}