diff --git a/Index.html b/Index.html
index 1804095..3a144e5 100644
--- a/Index.html
+++ b/Index.html
@@ -8,10 +8,12 @@
-
+
+ 
7
diff --git a/image/casino.png b/image/casino.png
new file mode 100644
index 0000000..6d8aa3a
Binary files /dev/null and b/image/casino.png differ
diff --git a/loading.js b/loading.js
new file mode 100644
index 0000000..b5ad43d
--- /dev/null
+++ b/loading.js
@@ -0,0 +1,8 @@
+const loader = document.querySelector('.loader');
+
+window.addEventListener('load', () => {
+
+ loader.classList.add('fondu-out');
+
+})
+
diff --git a/police/casino.TTF b/police/casino.TTF
new file mode 100644
index 0000000..2b96cf1
Binary files /dev/null and b/police/casino.TTF differ
diff --git a/style.css b/style.css
deleted file mode 100644
index e69de29..0000000
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..7e95e34
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,99 @@
+.loader {
+
+ position: absolute;
+
+ width: 100%;
+
+ height: 100%;
+
+ background: white;
+
+ display: flex;
+
+ justify-content: center;
+
+ align-items: center;
+
+}
+
+.lettre {
+
+ color: #9700ff;
+ font-family: casino;
+
+ font-size: 80px;
+
+ letter-spacing: 15px;
+
+ margin-bottom: 150px;
+
+ animation: flash 1.2s linear infinite;
+
+
+
+}
+
+@keyframes flash {
+
+ 0% {
+
+ color: #ff2d00;
+
+ text-shadow: 0 0 7px #ff2d00;
+
+ }
+
+ 90% {
+
+ color: #9700ff;
+
+ text-shadow: none;
+
+ }
+
+ 100% {
+
+ color: #ff2d00;
+
+ text-shadow: 0 0 7px #ff2d00;
+
+ }
+
+}
+
+
+
+.lettre:nth-child(1){
+
+ animation-delay: 0.1s;
+
+}
+
+.lettre:nth-child(2){
+
+ animation-delay: 0.2s;
+
+}
+
+.lettre:nth-child(3){
+
+ animation-delay: 0.3s;
+
+}
+
+
+
+
+.fondu-out {
+
+ opacity: 0;
+
+ transition: opacity 0.4s ease-out;
+
+}
+
+@font-face {
+ font-family: "casino";
+ src: url("/police/casino.TTF") format("woff2"),
+
+}