<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Color Therapy Menu</title>
<style>body{margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;background-color:#f0f0f0}.menu{text-align:center}.menu h1{margin-bottom:20px}.menu-item{display:flex;align-items:center;justify-content:center;margin:10px 0}.menu-item a{display:inline-block;padding:15px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.menu-item a:hover{background-color:#45a049}.color-circle{width:50px;height:50px;border-radius:50%;margin-left:20px;transition:background-color 2s}</style>
</head>
<body>
<div class="menu">
<h1>Color Therapy Menu</h1>
<div class="menu-item">
<a href="color_therapy01.html" target="_blank">Chill & Focus</a>
<div class="color-circle" id="colorCircle1"></div>
</div>
<div class="menu-item">
<a href="color_therapy02.html" target="_blank">Chill & Focus 2</a>
<div class="color-circle" id="colorCircle2"></div>
</div>
<div class="menu-item">
<a href="color_therapy03.html" target="_blank">Chill & Focus 3</a>
<div class="color-circle" id="colorCircle3"></div>
</div>
<div class="menu-item">
<a href="color_therapy04.html" target="_blank">Chill & Focus 5</a>
<div class="color-circle" id="colorCircle4"></div>
</div>
<div class="menu-item">
<a href="color_therapy05.html" target="_blank">Universal Activation</a>
<div class="color-circle" id="colorCircle5"></div>
</div>
<div class="menu-item">
<a href="color_therapy06.html" target="_blank">Active Energy</a>
<div class="color-circle" id="colorCircle6"></div>
</div>
<div class="menu-item">
<a href="color_therapy07.html" target="_blank">Self Confidence</a>
<div class="color-circle" id="colorCircle7"></div>
</div>
<div class="menu-item">
<a href="color_therapy08.html" target="_blank">Peace</a>
<div class="color-circle" id="colorCircle8"></div>
</div>
</div>
<script>function b(c,d){const e=a();return b=function(f,g){f=f-0x114;let h=e[f];return h;},b(c,d);}function a(){const k=['length','#7FFFD4','25oQKlMB','#00008B','#8A2BE2','2qJwkWS','#FF6347','#0000FF','1120920xRIuXY','#FF4500','#006400','946431xTfWtf','#32CD32','#FF69B4','#E6E6FA','787136fGHeuV','#FFD700','6DzFkYt','143002iOmHhF','1009946NRWyGW','#FF00FF','#FFFF00','#FFB6C1','style','#FF8C00','199816cgRTFd','#800080','620490PaBazy','#4B0082','#4682B4'];a=function(){return k;};return a();}const i=b;(function(c,d){const h=b,e=c();while(!![]){try{const f=-parseInt(h(0x121))/0x1*(-parseInt(h(0x12e))/0x2)+-parseInt(h(0x119))/0x3+parseInt(h(0x117))/0x4*(parseInt(h(0x11e))/0x5)+parseInt(h(0x12d))/0x6*(-parseInt(h(0x12f))/0x7)+parseInt(h(0x12b))/0x8+-parseInt(h(0x127))/0x9+parseInt(h(0x124))/0xa;if(f===d)break;else e['push'](e['shift']());}catch(g){e['push'](e['shift']());}}}(a,0x23e2d));const therapyColors=[['#7CFC00',i(0x11b),i(0x12a),i(0x114),i(0x12c)],[i(0x122),i(0x12c),i(0x11d),i(0x129),i(0x120)],['#FF4500',i(0x116),'#FFA500',i(0x12c),'#FFDAB9'],[i(0x120),i(0x11a),i(0x118),i(0x130),'#FF1493'],['#00FF00',i(0x128),'#008000',i(0x126),'#228B22'],['#1E90FF','#00BFFF',i(0x123),i(0x11f),'#0000CD'],[i(0x129),'#FF1493','#FF6347',i(0x125),'#FF0000'],[i(0x131),i(0x12c),'#FFA500',i(0x116),i(0x125)]];let colorIndex=0x0;function changeCircleColors(){const j=i;for(let c=0x0;c<therapyColors[j(0x11c)];c++){document['getElementById']('colorCircle'+(c+0x1))[j(0x115)]['backgroundColor']=therapyColors[c][colorIndex];}colorIndex=(colorIndex+0x1)%therapyColors[0x0][j(0x11c)];}changeCircleColors(),setInterval(changeCircleColors,0x1388);</script>
</body>
</html>