<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Butterfly Cow animation - CSS only</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="cloud-1">
<div class="cloud-circle-1"></div>
<div class="cloud-circle-2"></div>
<div class="cloud-circle-3"></div>
<div class="cloud-circle-4"></div>
</div>
<div class="cloud-2">
<div class="cloud-circle-1"></div>
<div class="cloud-circle-2"></div>
<div class="cloud-circle-3"></div>
<div class="cloud-circle-4"></div>
</div>
<div class="cloud-3">
<div class="cloud-circle-1"></div>
<div class="cloud-circle-2"></div>
<div class="cloud-circle-3"></div>
<div class="cloud-circle-4"></div>
</div>
<div class="container">
<div class="cow-body">
<div class="clip-wrapper">
<div class="cow-udder"></div>
<div class="arms right-arm"></div>
<div class="arms left-arm"></div>
<div class="spot-1"></div>
<div class="spot-2"></div>
<div class="spot-3"></div>
<div class="spot-4"></div>
<div class="spot-5"></div>
<div class="spot-6"></div>
</div>
<div class="eyes eye-1"></div>
<div class="eyes eye-2"></div>
<div class="smile-1"></div>
<div class="smile-2"></div>
<div class="ears left-ear"></div>
<div class="ears right-ear"></div>
<div class="horns left-horn"></div>
<div class="horns right-horn"></div>
<div class="muzzle">
<div class="nostril-1"></div>
<div class="nostril-2"></div>
</div>
<div class="feet left-foot"></div>
<div class="feet right-foot"></div>
<div class="teats teat-1"></div>
<div class="teats teat-2"></div>
<div class="teats teat-3"></div>
<div class="head"></div>
<div class="tuners tuner-1"></div>
<div class="tuners tuner-2"></div>
<div class="tuners tuner-3"></div>
<div class="tuners tuner-4"></div>
<div class="neck"></div>
<div class="cuatro-body-1"></div>
<div class="cuatro-body-2"></div>
<div class="cuatro-body-3"></div>
<div class="sound-hole"></div>
<div class="bridge"></div>
<div class="strings string-1"></div>
<div class="strings string-2"></div>
<div class="strings string-3"></div>
<div class="strings string-4"></div>
<div class="wing-front-1"></div>
<div class="wing-front-2"></div>
<div class="wing-front-3"></div>
<div class="wing-back-1"></div>
<div class="wing-back-2"></div>
</div>
<div class="note-1">♫</div>
<div class="note-2">♩</div>
<div class="note-3">♪</div>
<div class="note-4">♫</div>
</div>
</body>
</html>
