<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SVG</title>
<link rel="stylesheet" href="static/css/style.css">
</head>
<body>
<div style="position: absolute;"><svg viewbox="0 0 100 100" class="animation">
<defs>
<filter id="shadow">
<fedropshadow dx="1" dy="1.2" stddeviation="0.6"></fedropshadow>
</filter>
</defs>
<path d="M10 40,
L10 20,
C30 25, 20 40, 10 39.3
"></path>
<path d="M33 40,
L25 40,
L25 30,
L33 30,
L25 30,
L25 20,
L33 20"></path>
<path d="M39 40,
L39 20,
C45 20, 50 25, 39 30
L46 40"></path>
<path d="M50 20,
L55 30,
L55 40,
L55 30,
L60 20"></path>
<path d="M60 40,
L68 20,
L72 30,
L64 30,
L72 30,
L76 40"></path>
</svg>
<button> Clear! </button></div>
<script src="static/js/script.js"></script>
</body>
</html>