* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Aboreto";
  src: url("../font/Aboreto/Aboreto-Regular.ttf") format("woff2");
}
html {
  font-family: "Aboreto", Helvetica, sans-serif;
  font-weight: bold;
}

body {
  background: radial-gradient(ellipse at bottom, #1B2735 0%, #090A0F 100%);
  position: relative;
  top: 0;
  height: 100vh;
  overflow: hidden;
  left: 0;
  right: 0;
  perspective: 10px;
}

#stars, #stars2, #stars3, #stars4 {
  opacity: 1;
  width: 3px;
  height: 3px;
  top: 50%;
  border-radius: 50%;
  background: transparent;
  transform: translateZ(-40px);
}

#stars {
  box-shadow: -2460px -427px #FFF , -2304px 2558px #FFF , 1327px 2635px #FFF , 148px 2261px #FFF , -779px -2006px #FFF , 732px -1087px #FFF , 1615px 2076px #FFF , -2637px 71px #FFF , -724px -1347px #FFF , 1863px -2866px #FFF , 2189px 1315px #FFF , 2615px 833px #FFF , -1401px -2682px #FFF , -268px 487px #FFF , 1626px 2870px #FFF , 2878px 2157px #FFF , -2362px 2538px #FFF , 2775px -590px #FFF , 1871px 2469px #FFF , -451px -1021px #FFF , 2866px 292px #FFF , 123px 1322px #FFF , 364px -1055px #FFF , 922px 585px #FFF , 2896px -2092px #FFF , 281px 2506px #FFF , 2727px 265px #FFF , 2078px 71px #FFF , 2780px -823px #FFF , 1095px -2453px #FFF , -159px -2299px #FFF , 2485px -2627px #FFF , -1466px -1107px #FFF , 2762px -1502px #FFF , -25px 625px #FFF , -1421px -346px #FFF , 1887px 2988px #FFF , 827px 2033px #FFF , -2215px -40px #FFF , 2598px 1378px #FFF , 2351px -869px #FFF , 1415px -2345px #FFF , -2019px 1871px #FFF , 350px -1713px #FFF , -1557px 1792px #FFF , 2781px 190px #FFF , -2323px -2960px #FFF , -926px -838px #FFF , 2374px -184px #FFF , -1709px 2374px #FFF , -1038px 402px #FFF , 2935px 2921px #FFF , -1217px 376px #FFF , 2859px -1804px #FFF , -2672px -2097px #FFF , 2680px -478px #FFF , 1810px -236px #FFF , 889px 652px #FFF , -1028px 2911px #FFF , 2999px 387px #FFF , -379px 2349px #FFF , 953px 1394px #FFF , -405px -1070px #FFF , -571px -920px #FFF , -88px 2973px #FFF , 2075px 1940px #FFF , -381px -2950px #FFF , -2235px -1450px #FFF , -1474px -280px #FFF , 2449px 2832px #FFF , 345px 2685px #FFF , 693px 1012px #FFF , -64px 1436px #FFF , -1712px 339px #FFF , -7px 452px #FFF , 382px 589px #FFF , 2680px 2405px #FFF , -95px -230px #FFF , -762px -2971px #FFF , 848px -1054px #FFF , -1094px -512px #FFF , -2328px -133px #FFF , -2458px 2051px #FFF , 2395px 1335px #FFF , -134px 2914px #FFF , 909px -876px #FFF , -1866px -1381px #FFF , -322px 1483px #FFF , -1981px -1453px #FFF , 1724px -563px #FFF , -1775px -803px #FFF , 1891px -2394px #FFF , 441px -787px #FFF , 2680px -1831px #FFF , -2252px -1978px #FFF , -2044px -747px #FFF , 678px 213px #FFF , 1024px -362px #FFF , -2049px -1700px #FFF , 3000px -2573px #FFF , -2052px 2510px #FFF , 30px 811px #FFF , -1038px -2752px #FFF , -843px -2384px #FFF , -1972px 755px #FFF , -548px 1941px #FFF , 1597px -1086px #FFF , 1788px 2650px #FFF , 1296px 1924px #FFF , -2842px 2387px #FFF , 2454px -2477px #FFF , -1591px -1963px #FFF , -1027px 1130px #FFF , 1717px -2861px #FFF , -2039px 98px #FFF , -2896px 1622px #FFF , -1961px -2636px #FFF , 2002px 2727px #FFF , 917px 705px #FFF , 460px -727px #FFF , 2860px -1440px #FFF , -1927px -2089px #FFF , 622px 1754px #FFF , -199px -909px #FFF , 2074px 2035px #FFF , -1142px -2824px #FFF , -2897px 26px #FFF , -176px 1002px #FFF , -458px 462px #FFF , 1572px 1291px #FFF , -2230px 691px #FFF , -1227px 2812px #FFF , 1244px 880px #FFF , -767px 1312px #FFF , 2106px -2606px #FFF , 156px 2138px #FFF , -1373px -1213px #FFF , -2494px 2964px #FFF , -1417px 1664px #FFF , -2845px 711px #FFF , 698px 400px #FFF , -753px -1255px #FFF , -852px -2613px #FFF , -1033px 471px #FFF , 350px 1798px #FFF , 1757px -210px #FFF , -1309px 2741px #FFF , -657px -2695px #FFF , -1293px -2615px #FFF , 604px -1792px #FFF;
  transform: translateZ(-40px);
  animation: animStar 50s linear infinite;
}

#stars2 {
  box-shadow: -2932px 2789px #FFF , 2861px -2936px #FFF , 363px 2731px #FFF , 2436px 664px #FFF , 2089px 984px #FFF , -582px 240px #FFF , 586px -2435px #FFF , -882px 330px #FFF , -2999px -2029px #FFF , -1639px -13px #FFF , 1200px -792px #FFF , -2935px -53px #FFF , -399px 318px #FFF , 2701px 2305px #FFF , 594px -2730px #FFF , -833px 926px #FFF , -977px -653px #FFF , -777px -683px #FFF , -2549px 2500px #FFF , 2480px -2903px #FFF , -1751px 1159px #FFF , -1740px 2701px #FFF , 2647px -2580px #FFF , -2390px 1929px #FFF , 2463px -2262px #FFF , 2766px -2255px #FFF , 1937px -2932px #FFF , -1916px -1994px #FFF , 2907px -2604px #FFF , 1694px 1184px #FFF , -2265px -2597px #FFF , -218px -212px #FFF , 2880px 209px #FFF , -2828px -653px #FFF , -1781px 2537px #FFF , -2572px 942px #FFF , 231px 2809px #FFF , 701px 563px #FFF , -2715px 170px #FFF , 2362px -2595px #FFF , -69px -1231px #FFF , -213px 1603px #FFF , 1646px -1133px #FFF , 1616px 2877px #FFF , -812px -2700px #FFF , -1337px -1388px #FFF , 468px 2967px #FFF , 70px 1518px #FFF , 1725px -1012px #FFF , 1817px 1351px #FFF , 2355px 255px #FFF , 1751px 50px #FFF , -1334px 738px #FFF , -2549px 928px #FFF , -1198px 2575px #FFF , -2338px -783px #FFF , -1851px -1420px #FFF , -1274px 1024px #FFF , -2925px -424px #FFF , -1366px 1691px #FFF , 1793px -2216px #FFF , 456px 1209px #FFF , -1735px 2613px #FFF , -1721px 1534px #FFF , -1270px 2209px #FFF , 2883px 1336px #FFF , 562px -2643px #FFF , 204px -1786px #FFF , 1514px 1322px #FFF , -830px 360px #FFF , -2794px -1512px #FFF , 339px -123px #FFF , -1958px -625px #FFF , -1933px 2298px #FFF , 1748px 2378px #FFF , 896px -2331px #FFF , 2852px 749px #FFF , -2174px -548px #FFF , -133px -345px #FFF , -2370px 1827px #FFF , -628px 111px #FFF , 1116px -1804px #FFF , -1637px -1711px #FFF , 968px -2503px #FFF , 76px -944px #FFF , -225px -124px #FFF , -1773px -2282px #FFF , 1371px 1285px #FFF , 1340px 1897px #FFF , 1809px -1637px #FFF , -2156px 2112px #FFF , 1887px -2892px #FFF , 1980px -1864px #FFF , -2712px -2556px #FFF , -2924px 1976px #FFF , -811px 2228px #FFF , 2782px 1656px #FFF , 200px 640px #FFF , -56px -2779px #FFF , -1932px -2531px #FFF , 669px 2003px #FFF , 1350px 2559px #FFF , -418px -2236px #FFF , 1059px 50px #FFF , 623px 1707px #FFF , 881px 1539px #FFF , -99px 2751px #FFF , -1969px 2502px #FFF , 678px -1226px #FFF , -1568px -17px #FFF , -32px -1639px #FFF , -1450px 2586px #FFF , 2240px -379px #FFF , 302px 2680px #FFF , -2777px 1982px #FFF , 135px 183px #FFF , -1628px -2205px #FFF , -540px 802px #FFF , -1126px -1063px #FFF , 2302px -1164px #FFF , 227px 637px #FFF , -1558px -2292px #FFF , 181px -2516px #FFF , -2406px -1484px #FFF , -2037px 2327px #FFF , 1256px 1787px #FFF , 2245px 2268px #FFF , -2441px -408px #FFF , 1012px -1177px #FFF , 688px 2038px #FFF , 931px -304px #FFF , 2319px -2077px #FFF , 2217px -2096px #FFF , 2135px -506px #FFF , 1977px 1227px #FFF , 2048px 2914px #FFF , 883px 1940px #FFF , 887px 1847px #FFF , -672px -2365px #FFF , 542px -893px #FFF , -697px -1995px #FFF , 320px 988px #FFF , -1378px 2278px #FFF , 18px -2245px #FFF , -1002px -292px #FFF , 593px 408px #FFF , -2534px -2235px #FFF , 739px -2890px #FFF , -2997px -580px #FFF , -96px -592px #FFF;
  transform: translateZ(-30px);
  animation: animStar 50s 12.5s linear infinite;
}

#stars3 {
  box-shadow: 1834px 703px #FFF , -2438px -2531px #FFF , 1584px -379px #FFF , -521px -440px #FFF , 2518px 2984px #FFF , 1661px -40px #FFF , -867px 1251px #FFF , 1141px -2511px #FFF , 351px -905px #FFF , 1961px -1799px #FFF , -2049px 1433px #FFF , -2219px 2563px #FFF , 339px 611px #FFF , -1947px -96px #FFF , 1353px 2863px #FFF , -1142px -503px #FFF , 1728px 2138px #FFF , 319px -1656px #FFF , 2388px -317px #FFF , 2028px 592px #FFF , -1812px 1381px #FFF , -1480px 1116px #FFF , 1482px -1055px #FFF , -1774px 1404px #FFF , 2560px -2191px #FFF , -2180px -1445px #FFF , 1341px 177px #FFF , -1579px -2842px #FFF , 2125px 2983px #FFF , -598px 1577px #FFF , 2135px -768px #FFF , 1646px -1123px #FFF , -261px 2327px #FFF , -2034px 1648px #FFF , 1752px 911px #FFF , -2263px -1996px #FFF , 744px -1061px #FFF , -260px 367px #FFF , -290px 927px #FFF , 1844px 2715px #FFF , 1438px 185px #FFF , 404px -198px #FFF , 2333px 708px #FFF , -1577px 2521px #FFF , -2841px 1944px #FFF , 892px 1744px #FFF , -1083px -133px #FFF , 2253px -325px #FFF , -1666px -1165px #FFF , -1033px -801px #FFF , 1025px 2779px #FFF , 680px -1094px #FFF , 2869px 105px #FFF , -284px 570px #FFF , -2268px -1130px #FFF , 217px 1997px #FFF , 1252px -1279px #FFF , -2165px -680px #FFF , 2204px -1976px #FFF , 2810px 2079px #FFF , -2494px -1450px #FFF , 2365px -2232px #FFF , 1891px -1575px #FFF , 443px 319px #FFF , 456px -438px #FFF , -362px 2685px #FFF , -1131px -2311px #FFF , -2975px 1224px #FFF , 285px -559px #FFF , -1452px 1414px #FFF , 994px -2337px #FFF , -2991px -4px #FFF , -1340px -566px #FFF , -163px 620px #FFF , 1526px 638px #FFF , 154px 2012px #FFF , -1888px 2298px #FFF , -2480px -729px #FFF , -754px 1000px #FFF , 1417px 2577px #FFF , 2391px -575px #FFF , -2255px -2997px #FFF , -2393px 59px #FFF , 2848px -2276px #FFF , 516px 2021px #FFF , 1147px -1731px #FFF , -958px -2443px #FFF , 2648px -2721px #FFF , -2907px -2916px #FFF , -1011px -2424px #FFF , 1136px -460px #FFF , -2163px 2309px #FFF , -2467px -2986px #FFF , 1119px -1416px #FFF , -789px -1221px #FFF , -785px 2586px #FFF , -150px -2834px #FFF , -2066px -716px #FFF , -2936px 375px #FFF , -716px -1753px #FFF , 1505px 810px #FFF , -2371px -2668px #FFF , -2219px -41px #FFF , 539px -2271px #FFF , 2946px 1915px #FFF , 1949px 516px #FFF , 1841px 568px #FFF , 2048px -2242px #FFF , -1225px 1905px #FFF , -2515px 1443px #FFF , 490px -596px #FFF , -839px 923px #FFF , -449px 1037px #FFF , -755px 1616px #FFF , -2358px -184px #FFF , -917px 1563px #FFF , 789px 1592px #FFF , -68px -2860px #FFF , -615px 1303px #FFF , 312px -638px #FFF , -1819px 524px #FFF , 795px -2892px #FFF , 1780px -1385px #FFF , 1320px -1121px #FFF , -1495px -2022px #FFF , -1407px 2380px #FFF , -1073px 1109px #FFF , 1646px 246px #FFF , -2118px -2902px #FFF , -651px -882px #FFF , -2338px 1859px #FFF , 2941px -374px #FFF , -544px -2182px #FFF , -1457px -66px #FFF , 234px 1719px #FFF , 1378px 2872px #FFF , -1241px 650px #FFF , 462px -338px #FFF , -2px -816px #FFF , -1481px 892px #FFF , -2236px -2487px #FFF , -388px -1322px #FFF , -271px 710px #FFF , 1478px -676px #FFF , -2371px 795px #FFF , -2380px 1385px #FFF , -2340px 2588px #FFF , -793px -2882px #FFF , 2294px -2094px #FFF , -1827px -905px #FFF;
  transform: translateZ(-20px);
  animation: animStar 50s 25s linear infinite;
}

#stars4 {
  box-shadow: -2963px -969px #FFF , -1738px -100px #FFF , 2225px 1401px #FFF , -1532px -2454px #FFF , 1203px 2321px #FFF , -2801px 2493px #FFF , 2732px 1272px #FFF , -2595px 1544px #FFF , -441px 1925px #FFF , -252px 2387px #FFF , -2938px -1183px #FFF , 1119px 1826px #FFF , -674px -2889px #FFF , 1056px -2239px #FFF , -490px -741px #FFF , -2969px 411px #FFF , 2895px 1221px #FFF , -1328px 2205px #FFF , -2176px -1744px #FFF , 244px -177px #FFF , 2344px 2990px #FFF , -1368px -1621px #FFF , -2321px -956px #FFF , -1022px -1940px #FFF , 2669px -2385px #FFF , 1201px -2426px #FFF , -2150px 2216px #FFF , -2814px 291px #FFF , 1441px -2402px #FFF , 2686px 1419px #FFF , -1052px 1220px #FFF , -1204px 2631px #FFF , 1057px -2883px #FFF , 716px 1893px #FFF , -249px -2860px #FFF , 2574px -2782px #FFF , 1812px 2498px #FFF , -651px 58px #FFF , 2594px 1742px #FFF , -1875px 2189px #FFF , -1314px -2660px #FFF , -1831px 1846px #FFF , 2997px 2994px #FFF , 1211px -1130px #FFF , -1988px -1326px #FFF , 947px 1193px #FFF , -324px -1724px #FFF , 1936px 1651px #FFF , -1858px 382px #FFF , 34px 993px #FFF , 1819px -1227px #FFF , 1861px 2020px #FFF , 172px -797px #FFF , -2830px -899px #FFF , -728px -1711px #FFF , -941px 772px #FFF , 2546px -2939px #FFF , 898px 1457px #FFF , 2613px -1850px #FFF , 1285px 1476px #FFF , -1719px 1247px #FFF , 2805px 781px #FFF , -1907px 2755px #FFF , 14px 7px #FFF , 1105px 1732px #FFF , 1894px 1720px #FFF , 873px -148px #FFF , 2955px -2360px #FFF , 603px 1139px #FFF , 634px 2297px #FFF , -70px -672px #FFF , 2712px -1395px #FFF , 1234px -109px #FFF , 2232px 1953px #FFF , -184px -783px #FFF , -2374px -2269px #FFF , 850px 1538px #FFF , 1995px -2868px #FFF , -1965px 2462px #FFF , -2505px 1191px #FFF , -1754px 1813px #FFF , -1847px 1969px #FFF , 62px -806px #FFF , 1472px 1653px #FFF , -2966px 257px #FFF , -2176px -2212px #FFF , -583px -1793px #FFF , 2402px -2164px #FFF , 612px -914px #FFF , 2748px 1850px #FFF , 1842px -2303px #FFF , 211px 697px #FFF , -1018px -2012px #FFF , 2377px -239px #FFF , 572px -2973px #FFF , 2443px -84px #FFF , -69px 673px #FFF , 1420px -256px #FFF , -1417px -2098px #FFF , 2989px -1448px #FFF , 1782px 722px #FFF , -428px -74px #FFF , 2861px -357px #FFF , -1764px -1196px #FFF , -2098px 893px #FFF , 2656px 2485px #FFF , -33px -1737px #FFF , -791px -2467px #FFF , 2679px 2889px #FFF , -2511px 2719px #FFF , -2235px -1371px #FFF , -2857px -2898px #FFF , 1203px -335px #FFF , 815px -2969px #FFF , 1322px 776px #FFF , -2481px -1639px #FFF , -1626px -1188px #FFF , -72px 761px #FFF , -1250px -655px #FFF , 1963px 298px #FFF , -2969px 1932px #FFF , 2795px -429px #FFF , 2143px 1316px #FFF , -2625px -719px #FFF , -1685px 1573px #FFF , -1554px 2079px #FFF , -1602px 1928px #FFF , -2197px 2939px #FFF , 950px -426px #FFF , -404px 2743px #FFF , -1982px -1515px #FFF , 948px 70px #FFF , 2949px -2855px #FFF , 1812px -1602px #FFF , -801px -2851px #FFF , -1203px 587px #FFF , 937px -1269px #FFF , 877px -111px #FFF , 1379px 872px #FFF , -2009px -1789px #FFF , -2686px -2102px #FFF , 234px 2037px #FFF , 2608px 679px #FFF , 2172px 576px #FFF , 103px 2167px #FFF , 2458px 2465px #FFF , 718px -2255px #FFF , 1427px 193px #FFF , -1982px 1426px #FFF , -2882px 1506px #FFF;
  transform: translateZ(-10px);
  animation: animStar 50s 37.5s linear infinite;
}

@keyframes animStar {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateZ(10px);
  }
}
a, a:link, a:visited {
  position: absolute;
  text-decoration: none;
  background-color: aliceblue;
  padding: 10px;
  margin: 10px;
  border-radius: 7px;
  border: #090A0F 2px solid;
  color: #090A0F;
}
a:hover, a:link:hover, a:visited:hover {
  background-color: rgba(240, 248, 255, 0.6);
}

.clicstar {
  position: fixed;
  cursor: pointer;
  width: 1px;
  height: 1px;
  padding: 150px;
  border-radius: 50%;
  background-clip: padding-box;
  transform: translateZ(-10px) translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.8s ease;
}
.clicstar.active {
  transform: translateZ(0px);
  translate: -50% -50% !important;
  z-index: 999;
  top: 50% !important;
  left: 50% !important;
  display: flex;
  flex-flow: column;
  gap: 50px;
  border-radius: 0;
  width: 100vw;
  height: 100vh;
  min-width: 10vw;
  min-height: 10vh;
  padding: 10%;
  background-color: #fff;
}
.clicstar.active p {
  position: relative;
  opacity: 1;
}
.clicstar:hover::before {
  scale: 0;
  opacity: 1;
}
.clicstar::before {
  opacity: 0;
  transition: scale 1s ease-in-out, opacity 0.3s linear;
  content: "";
  position: absolute;
  border: solid 3px #a4a4a4;
  width: 150px;
  height: 150px;
  border-radius: 50%;
}
.clicstar::after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  transition: all 1s ease;
}
.clicstar:nth-child(3n+1) {
  left: 50%;
}
.clicstar:nth-child(3n+2) {
  left: 100%;
}
.clicstar:nth-child(n+9) {
  top: 50%;
}
.clicstar:nth-child(n+12) {
  top: 100%;
}
.clicstar:nth-child(n+15) {
  top: 0%;
}
.clicstar p {
  opacity: 0;
  z-index: 999;
}

@media (max-width: 600px) {
  * {
    overflow: hidden;
  }
  body::after {
    z-index: 9999;
    filter: blur(0px);
    content: "passe sur pc c'est mieux";
    background-color: #000;
    color: #fff;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: grid;
    place-content: center;
  }
}/*# sourceMappingURL=ciel.css.map */