add: PASSAGE V1 COM OFFICIELLE

préparation du template intégration du fond animé fusion du style background et style pcp
2026-03-18 20:15:01 +01:00
parent ade729bc58
commit 13c91b464f
45 changed files with 10987 additions and 106 deletions
@@ -0,0 +1,85 @@
+/*=============Gamme colorée*/
+
+:root[data-theme="dark"]{
+  --dark-color: #380052;
+  --light-color: #C303FF;
+  --accent-color: #00FF76;
+}
+
+:root[data-theme="light"]{
+  --dark-color: #380052;
+  --light-color: #C303FF;
+  --accent-color: #00FF76;
+}
+
+/*=============Typo*/
+@font-face {
+  font-family: 'lineal';
+  src: url('./typo/Lineal-Heavy.ttf');
+}
+
+@font-face {
+  font-family: 'pressStart2P';
+  src: url('./typo/PressStart2P-Regular.ttf');
+}
+
+@font-face {
+  font-family: 'velvelyne';
+  src: url('./typo/Velvelyne-Light.ttf') format('truetype');
+  font-weight:lighter;
+}
+
+@font-face {
+  font-family: 'velvelyne';
+  src:url('./typo/Velvelyne-Bold.ttf') format('truetype');
+  font-weight: bold;
+}
+
+/*=============Désact défault*/
+input {
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+a{
+  text-decoration: none;
+}
+
+/*=====================Référencement*/
+.referenceText{
+  position:absolute;
+  z-index: -33;
+  color: var(--light-color);
+}
+
+/*=============Body & background*/
+html, body{
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  background-color: #000000;
+  width: 100%;
+  height:100%;
+  position: fixed;
+  inset: 0;
+  overflow-x: hidden;
+  display: block;
+}
+
+canvas {
+    display: block;
+    max-width: 100%;
+    position: fixed;
+    margin: 0 auto;
+    padding: 0;
+    /* margin-top: 0vh; */
+    text-align: center;
+    /* height: 100vh; */
+}
+
+
+.dg{
+  display: none !important;
+  height: 0;
+  overflow: hidden;
+}