Back to buttons

Live preview

Preview settings

Changes appear as you type. Use Tab to test keyboard focus.

⌘ / Ctrl + S saves locally

Click button challenge

HTML, CSS or Tailwind, and a little JavaScript. One button or a group of up to six.

By @shraddha761

Remix button

Button submission checks

Checks will appear after the preview updates.

Buttons only: no full pages, forms, cards or navigation. Put scripts in the JavaScript tab. Tailwind uses utilities from HTML and JavaScript; use complete class names. Custom CSS supports plain CSS, without @apply, imports or plugins.

Accessibility quick check

Waiting for the rendered preview…

Try Tab, Enter and Space in the preview. Check the focus ring, hover and disabled states, then enable Reduce motion. These checks are guidance, not an accessibility certification.

Explore freely here. Remix to publish your version with credit to the creator.

About Click button challenge

Click button challenge is an animated CSS button by @shraddha761. Preview the interaction, customize its HTML, styles and JavaScript, or download the files with creator credit.

Effects and categories
3D, Animated
Using this example
Copy the HTML or download index.html, style.css and app.js. Test keyboard focus, motion and contrast in your own project.

Usage, Tailwind and licensing questions

Read the source files

HTML

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Click button  challenge </title>
  <link rel="stylesheet" href="./style.css">

</head>
<body>
<p class="thank">THANK YOU!</p>
<div class="button">
	<p>SEND US MESSAGE</p>
</div>

<div id="stars"></div>
<div id="stars2"></div>
<div id="stars3"></div>
<!-- partial -->
  <script src='https://unpkg.co/gsap@3/dist/gsap.min.js'></script><script  src="./app.js"></script>

</body>
</html>

CSS


@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");
* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: #1c1624;
  overflow: hidden;
  font-family: "Russo One", sans-serif;
  transform-style: preserve-3d;
}

.thank {
  opacity: 0;
  color: #fae428;
  font-size: 1.5em;
}

.button {
  position: absolute;
  margin: 0 auto;
  width: 250px;
  border: 1px solid #fae428;
  color: #fae428;
  border-radius: 0.1em;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.3em;
  cursor: pointer;
  height: 76px;
  opacity: 1;
  transition: all 0.2s ease;
  line-height: 30px;
  perspective: 1000px;
  transform-style: preserve-3d;
  perspective-origin: 49% 50%;
  display: flex;
  justify-content: center;
}
.button p {
  transition: all 0.2s ease;
  user-select: none;
  line-height: 33px;
  position: absolute;
}

#stars {
  width: 2px;
  height: 2px;
  box-shadow: 1533px 30px rgba(165,190,195,0.1) , 1351px 1376px rgba(184,174,131,0.6) , 898px 324px rgba(184,174,131,0.1) , 1327px 228px rgba(184,174,131,0.8) , 366px 1782px rgba(184,174,131,0.4) , 1017px 1355px rgba(184,174,131,0.8) , 1195px 1824px rgba(184,174,131,0.1) , 1795px 1376px rgba(184,174,131,0.9) , 1764px 528px rgba(184,174,131,0.8) , 935px 1901px rgba(184,174,131,0.7) , 1026px 575px rgba(184,174,131,0.8) , 108px 1748px rgba(184,174,131,0.7) , 1969px 1525px rgba(184,174,131,0.9) , 83px 1207px rgba(184,174,131,0.9) , 1477px 907px rgba(184,174,131,0.3) , 1015px 239px rgba(184,174,131,0.2) , 1668px 912px rgba(184,174,131,0.2) , 1935px 1137px rgba(184,174,131,0.1) , 123px 1504px rgba(184,174,131,0.9) , 1054px 32px rgba(184,174,131,1) , 109px 111px rgba(184,174,131,1) , 120px 1189px rgba(184,174,131,1) , 1768px 557px rgba(184,174,131,0.4) , 1181px 1006px rgba(184,174,131,0.1) , 887px 634px rgba(184,174,131,0.4) , 227px 1199px rgba(184,174,131,0.9) , 232px 1660px rgba(184,174,131,0.2) , 466px 1936px rgba(184,174,131,0.1) , 891px 1437px rgba(184,174,131,0.3) , 683px 1096px rgba(184,174,131,0.4) , 434px 1818px rgba(184,174,131,0.9) , 39px 892px rgba(184,174,131,0.6) , 501px 153px rgba(184,174,131,0.2) , 1941px 148px rgba(184,174,131,0.4) , 1277px 454px rgba(184,174,131,0.7) , 1358px 1150px rgba(184,174,131,0.7) , 50px 1491px rgba(184,174,131,0.8) , 1782px 1625px rgba(184,174,131,0.8) , 1921px 1863px rgba(184,174,131,0.8) , 1468px 41px rgba(184,174,131,0.4) , 1683px 498px rgba(184,174,131,0.7) , 765px 1250px rgba(184,174,131,0.2) , 399px 1004px rgba(184,174,131,0.8) , 1523px 9px rgba(184,174,131,0.9) , 602px 1182px rgba(184,174,131,0.6) , 825px 678px rgba(184,174,131,0.8) , 1098px 759px rgba(184,174,131,0.7) , 1719px 1947px rgba(184,174,131,0.9) , 72px 167px rgba(184,174,131,0.6) , 1557px 1777px rgba(184,174,131,0.3) , 367px 1401px rgba(184,174,131,0.1) , 953px 304px rgba(184,174,131,0.4) , 1116px 516px rgba(184,174,131,0.6) , 59px 1739px rgba(184,174,131,0.1) , 1294px 1730px rgba(184,174,131,0.5) , 1989px 1262px rgba(184,174,131,1) , 1236px 156px rgba(184,174,131,0.8) , 1001px 25px rgba(184,174,131,0.4) , 1753px 1091px rgba(184,174,131,0.1) , 270px 496px rgba(184,174,131,0.6) , 384px 1013px rgba(184,174,131,0.4) , 1255px 854px rgba(184,174,131,0.6) , 591px 208px rgba(184,174,131,0.5) , 945px 352px rgba(184,174,131,0.1) , 1145px 582px rgba(184,174,131,0.9) , 752px 1826px rgba(184,174,131,0.7) , 1774px 1118px rgba(184,174,131,0.3) , 1733px 1674px rgba(184,174,131,1) , 998px 1575px rgba(184,174,131,0.1) , 521px 82px rgba(184,174,131,0.7) , 1727px 1060px rgba(184,174,131,0.1) , 1063px 1098px rgba(184,174,131,1) , 1188px 431px rgba(184,174,131,0.3) , 793px 1414px rgba(184,174,131,1) , 931px 521px rgba(184,174,131,0.1) , 383px 155px rgba(184,174,131,1) , 541px 233px rgba(184,174,131,0.1) , 888px 994px rgba(184,174,131,0.6) , 359px 1043px rgba(184,174,131,0.6) , 1625px 742px rgba(184,174,131,0.7) , 84px 669px rgba(184,174,131,0.2) , 782px 1658px rgba(184,174,131,0.9) , 997px 1898px rgba(184,174,131,0.7) , 296px 1445px rgba(184,174,131,0.1) , 1229px 1382px rgba(184,174,131,0.2) , 449px 444px rgba(184,174,131,0.1) , 1283px 288px rgba(184,174,131,0.3) , 89px 1922px rgba(184,174,131,0.5) , 1487px 1518px rgba(184,174,131,0.8) , 1693px 384px rgba(184,174,131,0.5) , 1249px 615px rgba(184,174,131,0.9) , 1827px 858px rgba(184,174,131,0.7) , 484px 23px rgba(184,174,131,0.4) , 1854px 220px rgba(184,174,131,1) , 167px 926px rgba(184,174,131,0.8) , 1653px 1856px rgba(184,174,131,0.6) , 1302px 1074px rgba(184,174,131,0.9) , 1632px 1809px rgba(184,174,131,0.2) , 804px 1006px rgba(184,174,131,0.7) , 665px 115px rgba(184,174,131,0.9) , 13px 2000px rgba(184,174,131,0.6) , 1655px 684px rgba(184,174,131,0.3) , 326px 1163px rgba(184,174,131,0.4) , 1438px 1454px rgba(184,174,131,0.3) , 314px 224px rgba(184,174,131,0.3) , 227px 1054px rgba(184,174,131,0.6) , 338px 1883px rgba(184,174,131,0.7) , 1622px 729px rgba(184,174,131,0.5) , 1084px 811px rgba(184,174,131,0.2) , 1615px 1674px rgba(184,174,131,0.1) , 446px 1249px rgba(184,174,131,0.5) , 189px 566px rgba(184,174,131,0.1) , 1881px 958px rgba(184,174,131,0.2) , 631px 397px rgba(184,174,131,0.2) , 1066px 1601px rgba(184,174,131,0.1) , 1369px 760px rgba(184,174,131,0.8) , 371px 273px rgba(184,174,131,1) , 1312px 1573px rgba(184,174,131,0.4) , 1565px 134px rgba(184,174,131,0.1) , 1815px 105px rgba(184,174,131,0.8) , 1434px 1062px rgba(184,174,131,0.8) , 1789px 463px rgba(184,174,131,1) , 1683px 735px rgba(184,174,131,0.9) , 912px 1503px rgba(184,174,131,0.6) , 11px 1805px rgba(184,174,131,0.3) , 123px 1576px rgba(184,174,131,0.9) , 1326px 276px rgba(184,174,131,0.4) , 1894px 11px rgba(184,174,131,0.8) , 1613px 235px rgba(184,174,131,0.1) , 1604px 1220px rgba(184,174,131,1) , 522px 93px rgba(184,174,131,0.6) , 758px 633px rgba(184,174,131,0.6) , 922px 692px rgba(184,174,131,0.7) , 1797px 1553px rgba(184,174,131,0.9) , 687px 1548px rgba(184,174,131,0.1) , 677px 51px rgba(184,174,131,0.4) , 1450px 369px rgba(184,174,131,0.2) , 1851px 1285px rgba(184,174,131,0.5) , 1099px 731px rgba(184,174,131,0.8) , 1336px 817px rgba(184,174,131,0.5) , 963px 207px rgba(184,174,131,0.3) , 523px 176px rgba(184,174,131,0.3) , 648px 1691px rgba(184,174,131,0.6) , 1808px 183px rgba(184,174,131,0.4) , 59px 657px rgba(184,174,131,0.2) , 1856px 1290px rgba(184,174,131,0.8) , 288px 1490px rgba(184,174,131,0.4) , 698px 890px rgba(184,174,131,0.7) , 857px 350px rgba(184,174,131,0.7) , 1232px 1850px rgba(184,174,131,0.2) , 50px 202px rgba(184,174,131,0.2) , 1769px 464px rgba(184,174,131,0.6) , 1804px 170px rgba(184,174,131,0.6) , 606px 1940px rgba(184,174,131,0.8) , 1231px 347px rgba(184,174,131,0.7) , 693px 1909px rgba(184,174,131,0.1) , 210px 374px rgba(184,174,131,1) , 1098px 1297px rgba(184,174,131,1) , 883px 1437px rgba(184,174,131,0.4) , 1024px 1073px rgba(184,174,131,1) , 936px 534px rgba(184,174,131,0.6) , 792px 1786px rgba(184,174,131,0.7) , 349px 38px rgba(184,174,131,0.5) , 749px 433px rgba(184,174,131,0.1) , 1549px 370px rgba(184,174,131,0.5) , 420px 408px rgba(184,174,131,0.8) , 1681px 906px rgba(184,174,131,0.8) , 530px 397px rgba(184,174,131,0.5) , 45px 1427px rgba(184,174,131,0.2) , 1872px 849px rgba(184,174,131,0.9) , 847px 295px rgba(184,174,131,0.9) , 1586px 1331px rgba(184,174,131,0.8) , 34px 166px rgba(184,174,131,1) , 800px 891px rgba(184,174,131,0.7) , 1239px 1472px rgba(184,174,131,0.9) , 461px 934px rgba(184,174,131,0.8) , 458px 878px rgba(184,174,131,0.6) , 1220px 365px rgba(184,174,131,1) , 428px 135px rgba(184,174,131,1) , 299px 534px rgba(184,174,131,0.3) , 1899px 314px rgba(184,174,131,0.5) , 1530px 554px rgba(184,174,131,0.6) , 1471px 1345px rgba(184,174,131,0.9) , 1092px 1197px rgba(184,174,131,0.3) , 832px 1924px rgba(184,174,131,0.5) , 1089px 527px rgba(184,174,131,0.3) , 576px 1856px rgba(184,174,131,0.8) , 695px 1848px rgba(184,174,131,0.9) , 1066px 124px rgba(184,174,131,0.2) , 314px 931px rgba(184,174,131,0.7) , 1508px 699px rgba(184,174,131,0.9) , 1892px 1346px rgba(184,174,131,0.4) , 1171px 608px rgba(184,174,131,0.1) , 223px 1643px rgba(184,174,131,0.8) , 1726px 631px rgba(184,174,131,0.4) , 1622px 1964px rgba(184,174,131,0.7) , 1375px 1529px rgba(184,174,131,0.2) , 1525px 1926px rgba(184,174,131,0.8) , 919px 1843px rgba(184,174,131,0.2) , 379px 1030px rgba(184,174,131,1) , 640px 1215px rgba(184,174,131,0.3) , 1498px 588px rgba(184,174,131,0.2) , 172px 223px rgba(184,174,131,0.3) , 485px 924px rgba(184,174,131,0.5) , 1597px 256px rgba(184,174,131,0.2) , 1329px 1851px rgba(184,174,131,0.4) , 160px 113px rgba(184,174,131,0.8) , 1138px 474px rgba(184,174,131,0.2) , 132px 724px rgba(184,174,131,1) , 822px 1499px rgba(184,174,131,0.3) , 780px 494px rgba(184,174,131,0.1) , 253px 1233px rgba(184,174,131,0.2) , 1733px 968px rgba(184,174,131,0.4) , 954px 1159px rgba(184,174,131,0.7) , 1702px 334px rgba(184,174,131,0.1) , 1446px 478px rgba(184,174,131,0.5) , 1127px 1175px rgba(184,174,131,0.8) , 1913px 1046px rgba(184,174,131,0.1) , 1756px 1548px rgba(184,174,131,0.7) , 1719px 1637px rgba(184,174,131,0.6) , 862px 1068px rgba(184,174,131,0.3) , 1251px 288px rgba(184,174,131,0.5) , 1588px 1991px rgba(184,174,131,0.3) , 111px 1119px rgba(184,174,131,0.3) , 1836px 1550px rgba(184,174,131,1) , 518px 96px rgba(184,174,131,0.4) , 1905px 1924px rgba(184,174,131,0.8) , 1183px 102px rgba(184,174,131,0.1) , 1981px 1562px rgba(184,174,131,0.9) , 92px 646px rgba(184,174,131,0.3) , 1968px 1115px rgba(184,174,131,0.2) , 1508px 1066px rgba(184,174,131,0.4) , 1776px 1943px rgba(184,174,131,0.1) , 21px 1717px rgba(184,174,131,0.7) , 110px 464px rgba(184,174,131,0.8) , 591px 1339px rgba(184,174,131,0.8) , 1405px 529px rgba(184,174,131,0.3) , 1505px 576px rgba(184,174,131,0.1) , 1660px 1472px rgba(184,174,131,0.6) , 1170px 1075px rgba(184,174,131,0.1) , 528px 779px rgba(184,174,131,1) , 1703px 1687px rgba(184,174,131,0.9) , 698px 1768px rgba(184,174,131,0.7) , 1053px 409px rgba(184,174,131,1) , 1214px 1478px rgba(184,174,131,0.5) , 1122px 1442px rgba(184,174,131,0.9) , 1279px 1237px rgba(184,174,131,0.6) , 125px 1450px rgba(184,174,131,0.9) , 535px 1417px rgba(184,174,131,0.5) , 1788px 212px rgba(184,174,131,0.2) , 742px 1216px rgba(184,174,131,1) , 952px 593px rgba(184,174,131,0.6) , 936px 1339px rgba(184,174,131,0.9) , 444px 1795px rgba(184,174,131,0.6) , 20px 208px rgba(184,174,131,0.5) , 1395px 968px rgba(184,174,131,1) , 1771px 1562px rgba(184,174,131,0.7) , 1789px 1px rgba(184,174,131,0.2) , 392px 1245px rgba(184,174,131,0.6) , 1889px 653px rgba(184,174,131,0.9) , 1258px 185px rgba(184,174,131,0.4) , 1115px 1497px rgba(184,174,131,0.9) , 730px 476px rgba(184,174,131,0.9) , 1059px 469px rgba(184,174,131,0.7) , 1617px 669px rgba(184,174,131,0.2) , 1324px 276px rgba(184,174,131,0.8) , 582px 1421px rgba(184,174,131,0.5) , 115px 1909px rgba(184,174,131,0.3) , 74px 987px rgba(184,174,131,0.5) , 1591px 300px rgba(184,174,131,0.5) , 595px 558px rgba(184,174,131,0.2) , 256px 1025px rgba(184,174,131,0.7) , 1347px 1449px rgba(184,174,131,0.8) , 277px 321px rgba(184,174,131,0.8) , 420px 272px rgba(184,174,131,0.9) , 788px 1005px rgba(184,174,131,1) , 927px 1466px rgba(184,174,131,0.1) , 1877px 1435px rgba(184,174,131,0.2) , 870px 626px rgba(184,174,131,0.7) , 980px 299px rgba(184,174,131,0.9) , 967px 936px rgba(184,174,131,0.8) , 1596px 477px rgba(184,174,131,0.5) , 1725px 1055px rgba(184,174,131,0.8) , 1951px 1026px rgba(184,174,131,0.7) , 792px 483px rgba(184,174,131,0.3) , 671px 1484px rgba(184,174,131,0.8) , 251px 1395px rgba(184,174,131,0.1) , 84px 1956px rgba(184,174,131,0.7) , 1842px 1761px rgba(184,174,131,0.7) , 70px 1525px rgba(184,174,131,0.4) , 322px 476px rgba(184,174,131,0.3) , 1722px 1473px rgba(184,174,131,1) , 135px 1297px rgba(184,174,131,1) , 1194px 1866px rgba(184,174,131,0.6) , 451px 1454px rgba(184,174,131,0.6) , 814px 344px rgba(184,174,131,1) , 1171px 1513px rgba(184,174,131,0.4) , 1946px 522px rgba(184,174,131,0.2) , 230px 1475px rgba(184,174,131,0.4) , 1365px 142px rgba(184,174,131,0.1) , 1112px 255px rgba(184,174,131,0.5) , 1792px 1516px rgba(184,174,131,0.7) , 641px 1066px rgba(184,174,131,0.4) , 602px 691px rgba(184,174,131,0.7) , 1495px 192px rgba(184,174,131,0.3) , 368px 1518px rgba(184,174,131,0.2) , 772px 1259px rgba(184,174,131,0.2) , 421px 1518px rgba(184,174,131,0.2) , 1617px 1007px rgba(184,174,131,0.5) , 1696px 1478px rgba(184,174,131,0.4) , 99px 1065px rgba(184,174,131,1) , 961px 1608px rgba(184,174,131,0.5) , 509px 1054px rgba(184,174,131,0.3) , 125px 675px rgba(184,174,131,0.6) , 197px 1311px rgba(184,174,131,0.2) , 290px 1980px rgba(184,174,131,0.1) , 1510px 1657px rgba(184,174,131,0.4) , 1113px 1848px rgba(184,174,131,0.5) , 1919px 465px rgba(184,174,131,0.6) , 1263px 697px rgba(184,174,131,0.7) , 1518px 926px rgba(184,174,131,0.1) , 300px 1634px rgba(184,174,131,0.3) , 1040px 1px rgba(184,174,131,0.2) , 1837px 1170px rgba(184,174,131,0.8) , 1740px 853px rgba(184,174,131,0.9) , 1980px 594px rgba(184,174,131,0.6) , 1325px 610px rgba(184,174,131,1) , 995px 679px rgba(184,174,131,0.5) , 278px 1238px rgba(184,174,131,0.7) , 72px 864px rgba(184,174,131,0.9) , 1724px 777px rgba(184,174,131,0.7) , 1699px 936px rgba(184,174,131,0.2) , 1863px 1707px rgba(184,174,131,0.7) , 1434px 285px rgba(184,174,131,0.9) , 1794px 638px rgba(184,174,131,0.2) , 959px 592px rgba(184,174,131,0.7) , 1254px 1663px rgba(184,174,131,1) , 66px 477px rgba(184,174,131,0.8) , 1694px 49px rgba(184,174,131,0.3) , 1902px 1232px rgba(184,174,131,0.1) , 1528px 1629px rgba(184,174,131,0.7) , 1673px 1339px rgba(184,174,131,0.9) , 388px 379px rgba(184,174,131,0.1) , 1887px 664px rgba(184,174,131,1) , 185px 1076px rgba(184,174,131,0.8) , 1004px 4px rgba(184,174,131,0.7) , 1701px 1189px rgba(184,174,131,0.3) , 1297px 1980px rgba(184,174,131,0.4) , 784px 1251px rgba(184,174,131,0.6) , 1521px 160px rgba(184,174,131,0.2) , 238px 203px rgba(184,174,131,0.7) , 380px 896px rgba(184,174,131,1) , 1114px 893px rgba(184,174,131,0.4) , 739px 1612px rgba(184,174,131,0.9) , 599px 1675px rgba(184,174,131,0.4) , 816px 133px rgba(184,174,131,0.1) , 1012px 1654px rgba(184,174,131,1) , 1825px 416px rgba(184,174,131,0.4) , 1275px 453px rgba(184,174,131,0.4) , 754px 1514px rgba(184,174,131,0.5) , 878px 286px rgba(184,174,131,0.4) , 347px 1841px rgba(184,174,131,0.3) , 726px 1059px rgba(184,174,131,0.6) , 656px 400px rgba(184,174,131,0.4) , 1466px 376px rgba(184,174,131,0.1) , 1219px 1895px rgba(184,174,131,0.3) , 438px 498px rgba(184,174,131,1) , 400px 1413px rgba(184,174,131,1) , 670px 1807px rgba(184,174,131,0.7) , 1666px 999px rgba(184,174,131,0.9) , 212px 814px rgba(184,174,131,0.2) , 1599px 1408px rgba(184,174,131,0.1) , 1086px 1197px rgba(184,174,131,0.6) , 9px 314px rgba(184,174,131,0.1) , 1919px 1297px rgba(184,174,131,0.4) , 1950px 1251px rgba(184,174,131,0.7) , 1462px 1325px rgba(184,174,131,0.5) , 1626px 1054px rgba(184,174,131,0.1) , 1221px 1845px rgba(184,174,131,0.6) , 1659px 1994px rgba(184,174,131,0.9) , 1793px 31px rgba(184,174,131,0.9) , 1681px 32px rgba(184,174,131,0.5) , 585px 502px rgba(184,174,131,0.8) , 223px 1896px rgba(184,174,131,0.8) , 395px 972px rgba(184,174,131,0.6) , 706px 641px rgba(184,174,131,0.5) , 1473px 625px rgba(184,174,131,0.8) , 1101px 1666px rgba(184,174,131,0.7) , 1435px 1177px rgba(184,174,131,0.1) , 1875px 776px rgba(184,174,131,0.6) , 425px 261px rgba(184,174,131,0.1) , 419px 525px rgba(184,174,131,0.9) , 486px 700px rgba(184,174,131,0.6) , 1436px 972px rgba(184,174,131,0.6) , 543px 909px rgba(184,174,131,1) , 892px 791px rgba(184,174,131,0.5) , 1685px 1536px rgba(184,174,131,0.7) , 741px 1592px rgba(184,174,131,0.7) , 876px 241px rgba(184,174,131,0.7) , 1066px 617px rgba(184,174,131,0.6) , 1441px 1251px rgba(184,174,131,0.4) , 1129px 1105px rgba(184,174,131,0.1) , 238px 1808px rgba(184,174,131,0.9) , 798px 1879px rgba(184,174,131,0.8) , 1389px 914px rgba(184,174,131,0.7) , 183px 1873px rgba(184,174,131,0.6) , 870px 295px rgba(184,174,131,0.6) , 1739px 1800px rgba(184,174,131,0.5) , 1515px 45px rgba(184,174,131,0.3) , 232px 459px rgba(184,174,131,0.5) , 700px 1589px rgba(184,174,131,0.6) , 84px 455px rgba(184,174,131,0.9) , 731px 1104px rgba(184,174,131,0.5) , 1559px 1293px rgba(184,174,131,0.8) , 1297px 18px rgba(184,174,131,0.1) , 1333px 363px rgba(184,174,131,0.9) , 548px 1162px rgba(184,174,131,0.4) , 1682px 738px rgba(184,174,131,0.1) , 1965px 1469px rgba(184,174,131,0.4) , 805px 313px rgba(184,174,131,0.1) , 1875px 1907px rgba(184,174,131,0.6) , 370px 1656px rgba(184,174,131,0.9) , 1339px 1093px rgba(184,174,131,0.1) , 1536px 1465px rgba(184,174,131,0.9) , 778px 527px rgba(184,174,131,0.4) , 41px 1972px rgba(184,174,131,0.1) , 1008px 1842px rgba(184,174,131,0.4) , 716px 561px rgba(184,174,131,0.4) , 1498px 1932px rgba(184,174,131,0.4) , 785px 920px rgba(184,174,131,1) , 1071px 73px rgba(184,174,131,0.2) , 449px 1677px rgba(184,174,131,0.4) , 310px 1340px rgba(184,174,131,0.3) , 17px 67px rgba(184,174,131,0.2) , 1320px 1433px rgba(184,174,131,0.8) , 7px 287px rgba(184,174,131,1) , 344px 286px rgba(184,174,131,0.2) , 1433px 1022px rgba(184,174,131,1) , 1021px 694px rgba(184,174,131,0.6) , 1807px 212px rgba(184,174,131,0.3) , 40px 1449px rgba(184,174,131,1) , 1063px 1173px rgba(184,174,131,0.8) , 821px 220px rgba(184,174,131,0.9) , 79px 1043px rgba(184,174,131,0.7) , 835px 1007px rgba(184,174,131,0.8) , 719px 1818px rgba(184,174,131,0.2) , 775px 1020px rgba(184,174,131,0.2) , 268px 1099px rgba(184,174,131,0.8) , 34px 40px rgba(184,174,131,0.3) , 806px 1665px rgba(184,174,131,0.8) , 1225px 814px rgba(184,174,131,0.2) , 1340px 624px rgba(184,174,131,0.5) , 139px 1866px rgba(184,174,131,0.1) , 308px 168px rgba(184,174,131,0.6) , 987px 13px rgba(184,174,131,0.5) , 1047px 1393px rgba(184,174,131,0.8) , 1625px 1227px rgba(184,174,131,0.3) , 1835px 513px rgba(184,174,131,0.7) , 1763px 1375px rgba(184,174,131,0.2) , 411px 390px rgba(184,174,131,0.1) , 403px 1236px rgba(184,174,131,0.1) , 1308px 1141px rgba(184,174,131,1) , 606px 959px rgba(184,174,131,0.1) , 1587px 256px rgba(184,174,131,0.4) , 1730px 345px rgba(184,174,131,0.2) , 1162px 1372px rgba(184,174,131,0.8) , 1663px 454px rgba(184,174,131,0.2) , 567px 1897px rgba(184,174,131,0.5) , 877px 97px rgba(184,174,131,0.9) , 723px 645px rgba(184,174,131,0.1) , 1495px 415px rgba(184,174,131,0.8) , 351px 1082px rgba(184,174,131,0.1) , 1012px 1665px rgba(184,174,131,1) , 1398px 474px rgba(184,174,131,0.2) , 342px 1352px rgba(184,174,131,0.2) , 841px 1766px rgba(184,174,131,0.3) , 128px 938px rgba(184,174,131,0.5) , 1769px 385px rgba(184,174,131,0.7) , 1535px 442px rgba(184,174,131,1) , 632px 182px rgba(184,174,131,0.3) , 1904px 620px rgba(184,174,131,0.6) , 34px 586px rgba(184,174,131,0.1) , 1252px 375px rgba(184,174,131,0.6) , 1161px 1307px rgba(184,174,131,0.9) , 1257px 1997px rgba(184,174,131,0.9) , 1028px 82px rgba(184,174,131,0.3) , 1385px 1402px rgba(184,174,131,0.1) , 186px 1831px rgba(184,174,131,0.4) , 639px 799px rgba(184,174,131,0.7) , 1468px 464px rgba(184,174,131,0.1) , 479px 806px rgba(184,174,131,0.4) , 1506px 811px rgba(184,174,131,0.3) , 1588px 393px rgba(184,174,131,0.2) , 234px 15px rgba(184,174,131,0.4) , 186px 1349px rgba(184,174,131,0.8) , 24px 1965px rgba(184,174,131,0.4) , 1442px 1249px rgba(184,174,131,0.2) , 266px 47px rgba(184,174,131,0.1) , 370px 643px rgba(184,174,131,0.1) , 1090px 1487px rgba(184,174,131,0.1) , 1974px 211px rgba(184,174,131,1) , 1906px 1832px rgba(184,174,131,0.2);
  background: transparent;
  border-radius: 100%;
  animation: blink 2s infinite;
  position: absolute;
  left: 0;
  top: 0;
}

#stars2 {
  width: 3px;
  height: 3px;
  box-shadow: 1239px 24px rgba(165,190,195,0.2) , 1678px 526px rgba(184,174,131,0.6) , 1525px 1543px rgba(184,174,131,0.2) , 913px 44px rgba(184,174,131,0.5) , 294px 871px rgba(184,174,131,0.7) , 117px 797px rgba(184,174,131,0.6) , 17px 1631px rgba(184,174,131,0.2) , 1753px 1985px rgba(184,174,131,1) , 1854px 612px rgba(184,174,131,1) , 1111px 785px rgba(184,174,131,0.7) , 626px 1389px rgba(184,174,131,0.9) , 1457px 598px rgba(184,174,131,0.1) , 127px 172px rgba(184,174,131,0.9) , 1582px 132px rgba(184,174,131,0.4) , 1967px 1878px rgba(184,174,131,0.3) , 1401px 120px rgba(184,174,131,0.7) , 122px 1881px rgba(184,174,131,0.1) , 465px 12px rgba(184,174,131,0.1) , 1645px 1618px rgba(184,174,131,0.6) , 788px 1341px rgba(184,174,131,0.1) , 82px 275px rgba(184,174,131,0.1) , 8px 1130px rgba(184,174,131,0.6) , 1049px 574px rgba(184,174,131,0.5) , 1234px 188px rgba(184,174,131,0.4) , 1344px 240px rgba(184,174,131,0.7) , 1653px 1460px rgba(184,174,131,0.6) , 81px 1947px rgba(184,174,131,0.7) , 1564px 691px rgba(184,174,131,0.1) , 1599px 1345px rgba(184,174,131,0.2) , 113px 1351px rgba(184,174,131,0.9) , 1282px 1409px rgba(184,174,131,0.4) , 890px 1466px rgba(184,174,131,0.6) , 413px 263px rgba(184,174,131,1) , 1902px 26px rgba(184,174,131,0.9) , 466px 1947px rgba(184,174,131,0.4) , 1783px 1572px rgba(184,174,131,0.5) , 1886px 423px rgba(184,174,131,0.2) , 1148px 292px rgba(184,174,131,0.4) , 1266px 1337px rgba(184,174,131,0.7) , 580px 1018px rgba(184,174,131,0.9) , 1656px 1285px rgba(184,174,131,0.2) , 393px 293px rgba(184,174,131,0.8) , 687px 224px rgba(184,174,131,0.9) , 667px 1788px rgba(184,174,131,0.1) , 1175px 1323px rgba(184,174,131,0.5) , 810px 566px rgba(184,174,131,0.1) , 728px 696px rgba(184,174,131,0.2) , 496px 887px rgba(184,174,131,0.6) , 932px 1250px rgba(184,174,131,0.2) , 1402px 1220px rgba(184,174,131,0.2) , 1911px 1512px rgba(184,174,131,0.2) , 1267px 776px rgba(184,174,131,0.7) , 279px 245px rgba(184,174,131,0.1) , 1508px 376px rgba(184,174,131,0.3) , 720px 1856px rgba(184,174,131,0.7) , 1338px 1314px rgba(184,174,131,0.4) , 74px 1360px rgba(184,174,131,0.9) , 1591px 926px rgba(184,174,131,0.7) , 205px 986px rgba(184,174,131,0.7) , 1330px 150px rgba(184,174,131,0.3) , 435px 780px rgba(184,174,131,1) , 221px 1203px rgba(184,174,131,0.1) , 490px 1252px rgba(184,174,131,0.5) , 505px 1640px rgba(184,174,131,0.1) , 84px 1616px rgba(184,174,131,0.8) , 1695px 65px rgba(184,174,131,0.1) , 1466px 1733px rgba(184,174,131,0.4) , 1274px 1751px rgba(184,174,131,0.7) , 1066px 835px rgba(184,174,131,0.5) , 324px 325px rgba(184,174,131,0.1) , 1833px 1688px rgba(184,174,131,0.8) , 1502px 285px rgba(184,174,131,0.6) , 1787px 1013px rgba(184,174,131,0.4) , 184px 581px rgba(184,174,131,0.4) , 1857px 1338px rgba(184,174,131,0.1) , 203px 19px rgba(184,174,131,0.6) , 1099px 791px rgba(184,174,131,0.7) , 1020px 866px rgba(184,174,131,0.8) , 1632px 1437px rgba(184,174,131,0.9) , 1846px 165px rgba(184,174,131,0.2) , 1366px 68px rgba(184,174,131,0.6) , 1180px 1094px rgba(184,174,131,0.9) , 369px 718px rgba(184,174,131,0.3) , 1844px 89px rgba(184,174,131,0.7) , 1772px 420px rgba(184,174,131,1) , 74px 1678px rgba(184,174,131,0.4) , 182px 1910px rgba(184,174,131,0.7) , 1473px 1134px rgba(184,174,131,0.4) , 372px 1962px rgba(184,174,131,0.5) , 1862px 781px rgba(184,174,131,0.1) , 1635px 191px rgba(184,174,131,0.8) , 1099px 90px rgba(184,174,131,0.3) , 1771px 1626px rgba(184,174,131,0.6) , 878px 1820px rgba(184,174,131,0.6) , 697px 1662px rgba(184,174,131,1) , 988px 332px rgba(184,174,131,0.7) , 729px 1571px rgba(184,174,131,0.3) , 888px 784px rgba(184,174,131,0.8) , 586px 575px rgba(184,174,131,0.9) , 199px 1353px rgba(184,174,131,1) , 1135px 693px rgba(184,174,131,0.1) , 1725px 1644px rgba(184,174,131,0.4) , 55px 691px rgba(184,174,131,0.8) , 1350px 1806px rgba(184,174,131,0.4) , 1519px 823px rgba(184,174,131,0.7) , 1199px 755px rgba(184,174,131,0.3) , 1970px 1373px rgba(184,174,131,0.8) , 235px 1610px rgba(184,174,131,0.4) , 1243px 1810px rgba(184,174,131,0.8) , 1788px 1269px rgba(184,174,131,0.3) , 1304px 349px rgba(184,174,131,0.6) , 1040px 1326px rgba(184,174,131,0.7) , 264px 391px rgba(184,174,131,0.6) , 1310px 738px rgba(184,174,131,0.3) , 1657px 1396px rgba(184,174,131,0.5) , 1558px 232px rgba(184,174,131,0.4) , 1273px 859px rgba(184,174,131,0.1) , 343px 1253px rgba(184,174,131,0.1) , 1889px 1256px rgba(184,174,131,0.4) , 723px 1977px rgba(184,174,131,0.2) , 967px 1520px rgba(184,174,131,0.8) , 1710px 1789px rgba(184,174,131,0.4) , 749px 1527px rgba(184,174,131,0.9) , 374px 1762px rgba(184,174,131,0.8) , 1865px 560px rgba(184,174,131,0.8) , 779px 13px rgba(184,174,131,0.1) , 880px 272px rgba(184,174,131,0.4) , 1256px 755px rgba(184,174,131,0.3) , 1080px 1309px rgba(184,174,131,0.5) , 864px 414px rgba(184,174,131,0.5) , 1563px 164px rgba(184,174,131,0.2) , 714px 640px rgba(184,174,131,0.7) , 1641px 464px rgba(184,174,131,0.5) , 817px 971px rgba(184,174,131,0.9) , 1845px 1206px rgba(184,174,131,0.3) , 831px 1417px rgba(184,174,131,0.8) , 616px 1703px rgba(184,174,131,0.5) , 1768px 1912px rgba(184,174,131,0.1) , 1782px 269px rgba(184,174,131,0.1) , 852px 989px rgba(184,174,131,0.4) , 396px 1970px rgba(184,174,131,0.8) , 1621px 1029px rgba(184,174,131,0.7) , 1173px 377px rgba(184,174,131,0.8) , 912px 893px rgba(184,174,131,0.9) , 643px 697px rgba(184,174,131,0.4) , 269px 1871px rgba(184,174,131,1) , 1787px 1750px rgba(184,174,131,0.5) , 1604px 1584px rgba(184,174,131,0.8) , 540px 600px rgba(184,174,131,0.3) , 725px 1480px rgba(184,174,131,0.1) , 352px 483px rgba(184,174,131,0.5) , 445px 1693px rgba(184,174,131,0.3) , 1559px 743px rgba(184,174,131,0.2) , 629px 944px rgba(184,174,131,0.8) , 164px 1890px rgba(184,174,131,0.3) , 817px 1557px rgba(184,174,131,0.9) , 239px 98px rgba(184,174,131,0.8) , 445px 1167px rgba(184,174,131,0.1) , 537px 805px rgba(184,174,131,0.7) , 1171px 1955px rgba(184,174,131,0.2) , 1px 1240px rgba(184,174,131,0.4) , 1362px 746px rgba(184,174,131,0.5) , 1531px 1676px rgba(184,174,131,0.6) , 762px 1266px rgba(184,174,131,0.6) , 614px 1348px rgba(184,174,131,0.3) , 1935px 9px rgba(184,174,131,1) , 1766px 25px rgba(184,174,131,0.5) , 185px 1895px rgba(184,174,131,0.7) , 1639px 1632px rgba(184,174,131,0.3) , 10px 844px rgba(184,174,131,1) , 1903px 1031px rgba(184,174,131,0.8) , 277px 1589px rgba(184,174,131,0.1) , 1914px 1218px rgba(184,174,131,0.2) , 897px 272px rgba(184,174,131,0.9) , 1416px 561px rgba(184,174,131,0.9) , 327px 989px rgba(184,174,131,0.2) , 1222px 394px rgba(184,174,131,0.5) , 1423px 962px rgba(184,174,131,0.6) , 588px 527px rgba(184,174,131,0.1) , 1006px 889px rgba(184,174,131,1) , 1950px 911px rgba(184,174,131,0.1) , 1765px 102px rgba(184,174,131,0.3) , 1941px 977px rgba(184,174,131,0.8) , 758px 1377px rgba(184,174,131,0.3) , 1848px 1749px rgba(184,174,131,0.9) , 456px 109px rgba(184,174,131,0.3) , 1624px 1803px rgba(184,174,131,0.6) , 1299px 1586px rgba(184,174,131,0.7) , 65px 1107px rgba(184,174,131,0.4) , 1485px 870px rgba(184,174,131,0.3) , 686px 1773px rgba(184,174,131,0.2) , 227px 481px rgba(184,174,131,0.5) , 1351px 726px rgba(184,174,131,0.8) , 715px 1144px rgba(184,174,131,1) , 340px 432px rgba(184,174,131,0.8) , 886px 3px rgba(184,174,131,1) , 1914px 857px rgba(184,174,131,0.6) , 1917px 1342px rgba(184,174,131,0.3) , 1461px 1777px rgba(184,174,131,0.9) , 632px 516px rgba(184,174,131,0.7) , 1463px 1480px rgba(184,174,131,0.9) , 940px 793px rgba(184,174,131,0.3) , 177px 1962px rgba(184,174,131,0.1) , 208px 138px rgba(184,174,131,0.6) , 1531px 1303px rgba(184,174,131,0.3) , 105px 20px rgba(184,174,131,0.7) , 1927px 230px rgba(184,174,131,0.1) , 1713px 1522px rgba(184,174,131,0.2) , 1793px 1026px rgba(184,174,131,0.8) , 447px 709px rgba(184,174,131,1) , 1648px 1679px rgba(184,174,131,0.7) , 1489px 1207px rgba(184,174,131,0.4) , 162px 206px rgba(184,174,131,0.8) , 1776px 717px rgba(184,174,131,0.5) , 1952px 20px rgba(184,174,131,0.4) , 956px 1060px rgba(184,174,131,1) , 476px 1596px rgba(184,174,131,0.3) , 125px 1625px rgba(184,174,131,0.4) , 916px 318px rgba(184,174,131,0.2) , 1132px 812px rgba(184,174,131,0.5) , 69px 1540px rgba(184,174,131,0.9) , 1623px 1377px rgba(184,174,131,0.5) , 1660px 1227px rgba(184,174,131,0.4) , 1955px 1317px rgba(184,174,131,0.6) , 467px 1095px rgba(184,174,131,0.9) , 99px 1532px rgba(184,174,131,0.9) , 1053px 893px rgba(184,174,131,0.7) , 881px 1299px rgba(184,174,131,0.1) , 1659px 1181px rgba(184,174,131,0.9) , 756px 509px rgba(184,174,131,0.7) , 722px 1775px rgba(184,174,131,0.9) , 99px 513px rgba(184,174,131,0.6) , 1309px 1684px rgba(184,174,131,0.1) , 265px 464px rgba(184,174,131,0.8) , 988px 1494px rgba(184,174,131,0.1) , 1750px 642px rgba(184,174,131,0.3) , 1961px 1944px rgba(184,174,131,0.6) , 1259px 1104px rgba(184,174,131,0.5) , 396px 169px rgba(184,174,131,0.7) , 856px 1844px rgba(184,174,131,0.3) , 1585px 1201px rgba(184,174,131,0.4) , 1761px 314px rgba(184,174,131,0.7) , 1285px 129px rgba(184,174,131,0.9) , 1595px 1840px rgba(184,174,131,0.7) , 1385px 1225px rgba(184,174,131,0.9) , 97px 1050px rgba(184,174,131,1) , 371px 1121px rgba(184,174,131,0.4) , 418px 389px rgba(184,174,131,0.5) , 1138px 683px rgba(184,174,131,0.3) , 859px 547px rgba(184,174,131,0.8) , 1579px 315px rgba(184,174,131,1) , 1111px 1307px rgba(184,174,131,0.6) , 1820px 209px rgba(184,174,131,0.4) , 1078px 765px rgba(184,174,131,0.1) , 1701px 43px rgba(184,174,131,0.7) , 1014px 20px rgba(184,174,131,0.4) , 559px 1142px rgba(184,174,131,0.5) , 710px 433px rgba(184,174,131,0.8) , 1680px 477px rgba(184,174,131,0.5) , 505px 1348px rgba(184,174,131,0.2) , 92px 889px rgba(184,174,131,0.4) , 1564px 1098px rgba(184,174,131,1) , 214px 359px rgba(184,174,131,0.8) , 1244px 1049px rgba(184,174,131,0.1) , 382px 1271px rgba(184,174,131,0.1) , 1867px 371px rgba(184,174,131,0.2) , 34px 1344px rgba(184,174,131,0.6) , 535px 831px rgba(184,174,131,0.4) , 225px 246px rgba(184,174,131,0.7) , 313px 1061px rgba(184,174,131,0.3) , 871px 751px rgba(184,174,131,0.6) , 1747px 626px rgba(184,174,131,0.5) , 765px 1842px rgba(184,174,131,0.2) , 183px 1852px rgba(184,174,131,0.2) , 1285px 1769px rgba(184,174,131,0.8) , 577px 1158px rgba(184,174,131,0.2) , 1282px 1872px rgba(184,174,131,0.8) , 1532px 1806px rgba(184,174,131,0.3) , 287px 1580px rgba(184,174,131,1) , 527px 1590px rgba(184,174,131,0.6) , 218px 1794px rgba(184,174,131,0.3) , 1728px 1489px rgba(184,174,131,0.1) , 1664px 937px rgba(184,174,131,0.9) , 1709px 1282px rgba(184,174,131,0.7) , 812px 1262px rgba(184,174,131,0.5) , 1880px 584px rgba(184,174,131,0.6) , 505px 1584px rgba(184,174,131,1) , 1373px 1012px rgba(184,174,131,0.2) , 1687px 1537px rgba(184,174,131,0.8) , 1537px 465px rgba(184,174,131,0.9) , 225px 556px rgba(184,174,131,0.7) , 42px 1108px rgba(184,174,131,0.7) , 1747px 718px rgba(184,174,131,0.5) , 1797px 1906px rgba(184,174,131,0.1) , 1668px 521px rgba(184,174,131,0.2) , 647px 97px rgba(184,174,131,0.8) , 1144px 674px rgba(184,174,131,0.3) , 740px 4px rgba(184,174,131,0.2) , 1337px 173px rgba(184,174,131,0.7) , 216px 1715px rgba(184,174,131,0.1) , 77px 1824px rgba(184,174,131,0.5) , 398px 1836px rgba(184,174,131,0.2) , 1032px 1966px rgba(184,174,131,1) , 1045px 491px rgba(184,174,131,0.2) , 1141px 1478px rgba(184,174,131,1) , 1594px 1011px rgba(184,174,131,0.8) , 1549px 1069px rgba(184,174,131,0.9) , 1044px 178px rgba(184,174,131,0.4) , 1395px 755px rgba(184,174,131,0.7) , 892px 8px rgba(184,174,131,0.7) , 925px 168px rgba(184,174,131,0.9) , 215px 362px rgba(184,174,131,0.2) , 1777px 373px rgba(184,174,131,0.9) , 325px 983px rgba(184,174,131,0.2) , 1962px 1882px rgba(184,174,131,0.8) , 369px 179px rgba(184,174,131,0.9) , 665px 311px rgba(184,174,131,0.8) , 868px 1240px rgba(184,174,131,0.7) , 609px 1259px rgba(184,174,131,0.8) , 1837px 1504px rgba(184,174,131,0.9) , 136px 836px rgba(184,174,131,0.8) , 1038px 1512px rgba(184,174,131,0.6) , 1456px 127px rgba(184,174,131,0.9) , 302px 920px rgba(184,174,131,0.1) , 1800px 194px rgba(184,174,131,0.5) , 824px 1694px rgba(184,174,131,1) , 791px 444px rgba(184,174,131,0.7) , 1644px 1214px rgba(184,174,131,0.5) , 716px 1114px rgba(184,174,131,0.5) , 1435px 33px rgba(184,174,131,0.7) , 20px 1007px rgba(184,174,131,0.7) , 1616px 1016px rgba(184,174,131,0.9) , 27px 188px rgba(184,174,131,0.6) , 1654px 137px rgba(184,174,131,0.6) , 929px 1288px rgba(184,174,131,0.5) , 1807px 635px rgba(184,174,131,0.9) , 1555px 985px rgba(184,174,131,0.1) , 154px 1223px rgba(184,174,131,0.4) , 47px 1245px rgba(184,174,131,0.1) , 953px 1448px rgba(184,174,131,1) , 928px 1069px rgba(184,174,131,1) , 1501px 1992px rgba(184,174,131,0.7) , 1184px 94px rgba(184,174,131,0.5) , 926px 321px rgba(184,174,131,0.4) , 359px 1888px rgba(184,174,131,0.1) , 1474px 656px rgba(184,174,131,0.5) , 742px 1502px rgba(184,174,131,0.8) , 607px 1178px rgba(184,174,131,1) , 1056px 1646px rgba(184,174,131,0.2) , 916px 278px rgba(184,174,131,0.3) , 41px 898px rgba(184,174,131,0.8) , 717px 1595px rgba(184,174,131,0.8) , 101px 942px rgba(184,174,131,1) , 1080px 1835px rgba(184,174,131,0.2) , 323px 1893px rgba(184,174,131,0.6) , 1419px 184px rgba(184,174,131,1) , 1575px 396px rgba(184,174,131,0.1) , 1437px 1984px rgba(184,174,131,0.7) , 1025px 547px rgba(184,174,131,0.6) , 1389px 1350px rgba(184,174,131,0.5) , 1716px 1003px rgba(184,174,131,0.5) , 728px 591px rgba(184,174,131,0.8) , 607px 1842px rgba(184,174,131,0.1) , 1494px 354px rgba(184,174,131,0.5) , 912px 915px rgba(184,174,131,0.7) , 218px 164px rgba(184,174,131,0.5) , 1565px 336px rgba(184,174,131,0.4) , 321px 1505px rgba(184,174,131,0.5) , 128px 516px rgba(184,174,131,0.7) , 1339px 874px rgba(184,174,131,0.2) , 1791px 131px rgba(184,174,131,0.9) , 1737px 1597px rgba(184,174,131,0.4) , 701px 668px rgba(184,174,131,0.7) , 1308px 284px rgba(184,174,131,0.5) , 342px 1809px rgba(184,174,131,0.9) , 1222px 415px rgba(184,174,131,1) , 1501px 729px rgba(184,174,131,0.3) , 1342px 1434px rgba(184,174,131,0.8) , 1446px 1269px rgba(184,174,131,0.3) , 1213px 436px rgba(184,174,131,0.9) , 187px 1526px rgba(184,174,131,0.2) , 815px 1054px rgba(184,174,131,0.3) , 1260px 977px rgba(184,174,131,0.3) , 1821px 123px rgba(184,174,131,0.3) , 463px 1355px rgba(184,174,131,0.9) , 1576px 78px rgba(184,174,131,0.6) , 900px 600px rgba(184,174,131,0.3) , 1415px 116px rgba(184,174,131,0.3) , 35px 1931px rgba(184,174,131,1) , 396px 983px rgba(184,174,131,0.9) , 1189px 363px rgba(184,174,131,0.1) , 1239px 627px rgba(184,174,131,0.8) , 245px 1207px rgba(184,174,131,0.5) , 10px 265px rgba(184,174,131,0.6) , 788px 1278px rgba(184,174,131,0.2) , 199px 575px rgba(184,174,131,0.1) , 1112px 975px rgba(184,174,131,0.3) , 1136px 1576px rgba(184,174,131,0.7) , 214px 354px rgba(184,174,131,0.1) , 12px 245px rgba(184,174,131,0.3) , 20px 214px rgba(184,174,131,0.4) , 104px 1471px rgba(184,174,131,0.7);
  background: transparent;
  border-radius: 100%;
  animation: blink 4s infinite;
  position: absolute;
  left: 0;
  top: 0;
}

#stars3 {
  width: 4px;
  height: 4px;
  box-shadow: 1137px 1430px rgba(165,190,195,0.6) , 1026px 1725px rgba(184,174,131,0.6) , 1182px 1255px rgba(184,174,131,0.8) , 1162px 182px rgba(184,174,131,0.9) , 1257px 619px rgba(184,174,131,0.7) , 802px 510px rgba(184,174,131,1) , 781px 1339px rgba(184,174,131,1) , 1012px 834px rgba(184,174,131,0.8) , 1323px 243px rgba(184,174,131,1) , 623px 1543px rgba(184,174,131,0.2) , 1488px 439px rgba(184,174,131,0.6) , 7px 1631px rgba(184,174,131,0.3) , 1281px 77px rgba(184,174,131,0.1) , 1535px 1217px rgba(184,174,131,0.5) , 521px 187px rgba(184,174,131,0.3) , 1383px 753px rgba(184,174,131,0.8) , 1075px 1635px rgba(184,174,131,0.1) , 634px 1694px rgba(184,174,131,0.4) , 367px 573px rgba(184,174,131,0.7) , 1411px 1693px rgba(184,174,131,0.3) , 30px 1146px rgba(184,174,131,0.2) , 1995px 1870px rgba(184,174,131,0.8) , 566px 153px rgba(184,174,131,0.7) , 1042px 102px rgba(184,174,131,1) , 1884px 478px rgba(184,174,131,0.6) , 1117px 1281px rgba(184,174,131,0.9) , 1551px 51px rgba(184,174,131,0.8) , 176px 1429px rgba(184,174,131,0.6) , 1729px 245px rgba(184,174,131,0.4) , 568px 986px rgba(184,174,131,0.9) , 1616px 1259px rgba(184,174,131,0.1) , 375px 462px rgba(184,174,131,0.2) , 53px 392px rgba(184,174,131,0.8) , 1380px 1203px rgba(184,174,131,0.8) , 1520px 330px rgba(184,174,131,0.7) , 1161px 1751px rgba(184,174,131,0.3) , 527px 630px rgba(184,174,131,0.6) , 1982px 473px rgba(184,174,131,0.7) , 532px 1042px rgba(184,174,131,0.7) , 1304px 655px rgba(184,174,131,0.2) , 1782px 1247px rgba(184,174,131,0.2) , 138px 1377px rgba(184,174,131,0.2) , 166px 248px rgba(184,174,131,0.7) , 314px 1616px rgba(184,174,131,0.4) , 619px 1340px rgba(184,174,131,0.1) , 1182px 1197px rgba(184,174,131,0.2) , 696px 951px rgba(184,174,131,0.5) , 1248px 1299px rgba(184,174,131,0.7) , 1792px 1681px rgba(184,174,131,0.2) , 1281px 567px rgba(184,174,131,0.7) , 653px 874px rgba(184,174,131,0.9) , 1225px 323px rgba(184,174,131,0.1) , 538px 1915px rgba(184,174,131,0.3) , 234px 1546px rgba(184,174,131,0.5) , 1965px 594px rgba(184,174,131,0.7) , 406px 548px rgba(184,174,131,0.2) , 1279px 851px rgba(184,174,131,0.9) , 1385px 1521px rgba(184,174,131,0.1) , 1863px 558px rgba(184,174,131,0.2) , 1821px 895px rgba(184,174,131,0.4) , 1471px 1889px rgba(184,174,131,0.2) , 166px 827px rgba(184,174,131,0.1) , 207px 730px rgba(184,174,131,0.4) , 915px 1486px rgba(184,174,131,0.8) , 781px 1659px rgba(184,174,131,0.2) , 304px 1127px rgba(184,174,131,0.7) , 290px 28px rgba(184,174,131,0.5) , 1218px 126px rgba(184,174,131,0.5) , 1042px 1455px rgba(184,174,131,0.3) , 381px 1721px rgba(184,174,131,0.6) , 108px 403px rgba(184,174,131,0.1) , 747px 626px rgba(184,174,131,0.8) , 991px 1636px rgba(184,174,131,0.9) , 664px 847px rgba(184,174,131,0.1) , 558px 918px rgba(184,174,131,0.4) , 1760px 1173px rgba(184,174,131,0.1) , 1879px 199px rgba(184,174,131,0.5) , 1793px 1009px rgba(184,174,131,0.3) , 409px 1688px rgba(184,174,131,0.3) , 548px 494px rgba(184,174,131,0.1) , 1437px 1910px rgba(184,174,131,0.8) , 370px 1297px rgba(184,174,131,0.4) , 590px 189px rgba(184,174,131,1) , 1827px 1980px rgba(184,174,131,0.1) , 1661px 1847px rgba(184,174,131,0.6) , 314px 1028px rgba(184,174,131,0.7) , 964px 56px rgba(184,174,131,0.9) , 199px 1038px rgba(184,174,131,0.6) , 129px 975px rgba(184,174,131,0.9) , 1425px 347px rgba(184,174,131,0.7) , 1744px 1566px rgba(184,174,131,0.5) , 1040px 1919px rgba(184,174,131,0.7) , 553px 228px rgba(184,174,131,0.7) , 392px 1098px rgba(184,174,131,0.5) , 1943px 1289px rgba(184,174,131,0.5) , 1395px 473px rgba(184,174,131,1) , 1552px 1203px rgba(184,174,131,0.5) , 1851px 235px rgba(184,174,131,0.2) , 55px 1751px rgba(184,174,131,0.5) , 1908px 70px rgba(184,174,131,1) , 1157px 1702px rgba(184,174,131,0.7) , 751px 542px rgba(184,174,131,0.2) , 1667px 121px rgba(184,174,131,0.9) , 787px 715px rgba(184,174,131,0.9) , 1975px 345px rgba(184,174,131,0.4) , 1216px 169px rgba(184,174,131,0.3) , 973px 1278px rgba(184,174,131,0.8) , 1050px 479px rgba(184,174,131,0.3) , 103px 425px rgba(184,174,131,1) , 598px 93px rgba(184,174,131,0.2) , 822px 1755px rgba(184,174,131,0.5) , 1102px 319px rgba(184,174,131,0.1) , 995px 1893px rgba(184,174,131,1) , 1934px 1053px rgba(184,174,131,0.5) , 1465px 1768px rgba(184,174,131,0.3) , 9px 1703px rgba(184,174,131,0.7) , 1148px 378px rgba(184,174,131,0.1) , 1588px 8px rgba(184,174,131,0.8) , 1125px 1967px rgba(184,174,131,1) , 1564px 115px rgba(184,174,131,0.1) , 119px 1153px rgba(184,174,131,0.7) , 471px 986px rgba(184,174,131,0.8) , 1388px 1649px rgba(184,174,131,0.9) , 807px 533px rgba(184,174,131,1) , 1241px 1836px rgba(184,174,131,0.6) , 1376px 1393px rgba(184,174,131,0.6) , 1173px 1339px rgba(184,174,131,0.8) , 1625px 809px rgba(184,174,131,0.3) , 1064px 546px rgba(184,174,131,0.6) , 1862px 133px rgba(184,174,131,0.2) , 106px 1550px rgba(184,174,131,0.9) , 1071px 64px rgba(184,174,131,0.6) , 949px 1444px rgba(184,174,131,0.1) , 130px 709px rgba(184,174,131,0.2) , 1976px 1125px rgba(184,174,131,0.8) , 499px 844px rgba(184,174,131,0.1) , 1558px 1212px rgba(184,174,131,0.1) , 938px 1485px rgba(184,174,131,1) , 1386px 1897px rgba(184,174,131,0.3) , 25px 1357px rgba(184,174,131,1) , 1131px 1034px rgba(184,174,131,0.5) , 895px 1085px rgba(184,174,131,0.3) , 1578px 367px rgba(184,174,131,0.6) , 357px 1189px rgba(184,174,131,0.2) , 527px 1646px rgba(184,174,131,0.7) , 1968px 544px rgba(184,174,131,0.4) , 691px 1540px rgba(184,174,131,0.2) , 410px 151px rgba(184,174,131,0.5) , 1707px 889px rgba(184,174,131,0.5) , 1074px 1655px rgba(184,174,131,0.7) , 693px 1092px rgba(184,174,131,1) , 639px 1347px rgba(184,174,131,0.9) , 1774px 1281px rgba(184,174,131,0.8) , 1805px 386px rgba(184,174,131,0.5) , 17px 1482px rgba(184,174,131,0.2) , 384px 1415px rgba(184,174,131,0.2) , 1875px 157px rgba(184,174,131,0.2) , 1410px 444px rgba(184,174,131,0.7) , 1499px 1983px rgba(184,174,131,0.9) , 864px 462px rgba(184,174,131,0.7) , 479px 560px rgba(184,174,131,0.3) , 1100px 1614px rgba(184,174,131,0.3) , 106px 9px rgba(184,174,131,0.4) , 231px 921px rgba(184,174,131,0.1) , 103px 900px rgba(184,174,131,0.5) , 1515px 872px rgba(184,174,131,1) , 1969px 1343px rgba(184,174,131,0.3) , 641px 1572px rgba(184,174,131,0.8) , 1490px 29px rgba(184,174,131,0.1) , 861px 1650px rgba(184,174,131,0.8) , 74px 1694px rgba(184,174,131,1) , 178px 1197px rgba(184,174,131,0.4) , 1015px 1612px rgba(184,174,131,0.1) , 663px 178px rgba(184,174,131,0.6) , 161px 1425px rgba(184,174,131,0.8) , 546px 1368px rgba(184,174,131,0.5) , 536px 1258px rgba(184,174,131,0.3) , 1139px 1185px rgba(184,174,131,0.7) , 688px 1403px rgba(184,174,131,0.9) , 1740px 164px rgba(184,174,131,1) , 1392px 737px rgba(184,174,131,0.1) , 1753px 1562px rgba(184,174,131,1) , 594px 1465px rgba(184,174,131,0.7) , 1495px 1514px rgba(184,174,131,0.9) , 744px 1447px rgba(184,174,131,0.9) , 1547px 109px rgba(184,174,131,0.4) , 1730px 1528px rgba(184,174,131,0.6) , 1297px 879px rgba(184,174,131,0.8) , 993px 1513px rgba(184,174,131,0.4) , 1488px 460px rgba(184,174,131,0.7) , 356px 494px rgba(184,174,131,0.9) , 1752px 1695px rgba(184,174,131,0.8) , 1747px 1242px rgba(184,174,131,0.9) , 1099px 418px rgba(184,174,131,0.5) , 1410px 989px rgba(184,174,131,0.8) , 861px 1217px rgba(184,174,131,0.5) , 901px 1379px rgba(184,174,131,0.9) , 770px 996px rgba(184,174,131,0.6) , 58px 910px rgba(184,174,131,0.6) , 1208px 1866px rgba(184,174,131,0.8) , 1288px 840px rgba(184,174,131,0.9) , 187px 123px rgba(184,174,131,0.3) , 1314px 340px rgba(184,174,131,0.8) , 1391px 1058px rgba(184,174,131,0.6) , 976px 605px rgba(184,174,131,0.7) , 1311px 1632px rgba(184,174,131,0.4) , 386px 144px rgba(184,174,131,1) , 1374px 1635px rgba(184,174,131,0.7) , 770px 1335px rgba(184,174,131,0.6) , 734px 1278px rgba(184,174,131,0.9) , 1617px 704px rgba(184,174,131,0.8) , 812px 769px rgba(184,174,131,0.2) , 1935px 99px rgba(184,174,131,0.3) , 1734px 1463px rgba(184,174,131,0.1) , 919px 1829px rgba(184,174,131,0.7) , 480px 604px rgba(184,174,131,0.4) , 1466px 1847px rgba(184,174,131,0.5) , 360px 1494px rgba(184,174,131,0.4) , 582px 1920px rgba(184,174,131,0.1) , 1324px 1076px rgba(184,174,131,0.9) , 544px 151px rgba(184,174,131,0.9) , 343px 1246px rgba(184,174,131,0.1) , 535px 761px rgba(184,174,131,0.4) , 639px 507px rgba(184,174,131,0.9) , 1225px 1834px rgba(184,174,131,0.4) , 381px 1509px rgba(184,174,131,0.6) , 7px 295px rgba(184,174,131,1) , 648px 1435px rgba(184,174,131,0.9) , 69px 204px rgba(184,174,131,0.3) , 127px 1127px rgba(184,174,131,0.1) , 374px 1911px rgba(184,174,131,0.9) , 1620px 764px rgba(184,174,131,0.3) , 181px 1894px rgba(184,174,131,0.1) , 260px 1175px rgba(184,174,131,1) , 701px 1013px rgba(184,174,131,0.5) , 906px 1779px rgba(184,174,131,0.5) , 516px 1432px rgba(184,174,131,0.6) , 407px 309px rgba(184,174,131,0.9) , 198px 1616px rgba(184,174,131,0.3) , 776px 859px rgba(184,174,131,0.9) , 778px 1526px rgba(184,174,131,0.8) , 1178px 1028px rgba(184,174,131,0.1) , 1792px 514px rgba(184,174,131,0.1) , 1985px 1979px rgba(184,174,131,0.6) , 1653px 1381px rgba(184,174,131,0.9) , 821px 321px rgba(184,174,131,0.4) , 1761px 870px rgba(184,174,131,0.4) , 1054px 359px rgba(184,174,131,0.4) , 1694px 230px rgba(184,174,131,0.9) , 621px 1933px rgba(184,174,131,0.5) , 1892px 1562px rgba(184,174,131,0.4) , 619px 1521px rgba(184,174,131,1) , 122px 178px rgba(184,174,131,0.5) , 958px 704px rgba(184,174,131,0.9) , 1368px 1111px rgba(184,174,131,0.4) , 17px 783px rgba(184,174,131,0.6) , 116px 1989px rgba(184,174,131,0.4) , 1051px 953px rgba(184,174,131,0.2) , 1595px 1996px rgba(184,174,131,0.3) , 1987px 640px rgba(184,174,131,0.8) , 1063px 1056px rgba(184,174,131,0.7) , 1618px 1217px rgba(184,174,131,0.3) , 81px 559px rgba(184,174,131,0.1) , 1662px 1937px rgba(184,174,131,0.8) , 885px 1151px rgba(184,174,131,0.4) , 732px 1803px rgba(184,174,131,0.8) , 659px 838px rgba(184,174,131,0.1) , 799px 636px rgba(184,174,131,0.1) , 199px 1524px rgba(184,174,131,0.3) , 1274px 822px rgba(184,174,131,0.9) , 1305px 1718px rgba(184,174,131,0.3) , 356px 976px rgba(184,174,131,0.1) , 283px 299px rgba(184,174,131,0.5) , 1312px 960px rgba(184,174,131,1) , 491px 1814px rgba(184,174,131,0.8) , 1450px 1231px rgba(184,174,131,1) , 650px 886px rgba(184,174,131,0.7) , 141px 866px rgba(184,174,131,0.8) , 521px 1305px rgba(184,174,131,0.1) , 118px 1551px rgba(184,174,131,0.3) , 1216px 583px rgba(184,174,131,0.6) , 1060px 338px rgba(184,174,131,0.2) , 1704px 409px rgba(184,174,131,0.3) , 669px 976px rgba(184,174,131,0.7) , 1955px 978px rgba(184,174,131,0.5) , 448px 1559px rgba(184,174,131,0.2) , 913px 1399px rgba(184,174,131,0.3) , 1648px 1916px rgba(184,174,131,0.6) , 1062px 1173px rgba(184,174,131,1) , 1379px 1765px rgba(184,174,131,0.5) , 1042px 1852px rgba(184,174,131,0.3) , 1610px 1868px rgba(184,174,131,0.6) , 665px 1408px rgba(184,174,131,0.4) , 553px 1845px rgba(184,174,131,0.8) , 527px 538px rgba(184,174,131,0.4) , 1715px 1328px rgba(184,174,131,0.1) , 1133px 550px rgba(184,174,131,0.3) , 130px 1151px rgba(184,174,131,0.9) , 1127px 782px rgba(184,174,131,0.8) , 1240px 823px rgba(184,174,131,0.6) , 163px 1723px rgba(184,174,131,0.5) , 1398px 220px rgba(184,174,131,1);
  background: transparent;
  border-radius: 100%;
  animation: blink 3s infinite;
  position: absolute;
  left: 0;
  top: 0;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}

JavaScript

let button = document.querySelector(".button");
let buttonText = document.querySelector(".button p");
let thankText = document.querySelector(".button p:last-child");

let timeLine = new TimelineMax({
	paused: false
});

button.addEventListener("click", () => {
	timeLine
		.to(buttonText, 0.6, {
			opacity: 0
		})
		.to(button, 0.8, {
			height: 0.2,
			opacity: 0.5,
			boxShadow: "0px 0px 35px 7px #cd28fa",
			delay: 0.25
		})
		.to(button, 0.1, {
			opacity: 0.5,
			background: "#26ff92"
		})
		.to(button, 0, {
			width: 1,
			delay: 0.2
		})
		.to(button, 0.1, {
			boxShadow: "0px 0px 100px 55px #fa2856",
			y: 90,
			height: 100,
			delay: 0.23
		})
		.to(button, 0.3, {
			height: 1000,
			y: -1500,
			boxShadow: "0px 0px 85px 17px #fa2856",
			delay: 0.2
		})
		.to(".thank", 1, {
			opacity: 1,
			delay: 0.3
		});
});