diff --git a/package-lock.json b/package-lock.json
index 80bc98f..e0032ad 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,10 +1,10 @@
 {
-  "name": "lsrp_connexion",
+  "name": "next-app",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "name": "lsrp_connexion",
+      "name": "next-app",
       "dependencies": {
         "next": "12.0.10",
         "react": "17.0.2",
diff --git a/package.json b/package.json
index cac698a..00cb798 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "lsrp_connexion",
+  "name": "next-app",
   "private": true,
   "scripts": {
     "dev": "next dev",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 48b481b..e368160 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,7 @@
 import type { AppProps } from "next/app";
 
 import "../styles/main.scss";
+import "../styles/fonts.scss";
 
 const MyApp = ({ Component, pageProps }: AppProps) => {
   return <Component {...pageProps} />;
diff --git a/public/fonts/Poppins-Black.ttf b/public/fonts/Poppins-Black.ttf
new file mode 100644
index 0000000..7555c67
Binary files /dev/null and b/public/fonts/Poppins-Black.ttf differ
diff --git a/public/fonts/Poppins-Black.woff b/public/fonts/Poppins-Black.woff
new file mode 100644
index 0000000..a2e920c
Binary files /dev/null and b/public/fonts/Poppins-Black.woff differ
diff --git a/public/fonts/Poppins-Black.woff2 b/public/fonts/Poppins-Black.woff2
new file mode 100644
index 0000000..9e58a3c
Binary files /dev/null and b/public/fonts/Poppins-Black.woff2 differ
diff --git a/public/fonts/Poppins-BlackItalic.ttf b/public/fonts/Poppins-BlackItalic.ttf
new file mode 100644
index 0000000..64b7af7
Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.ttf differ
diff --git a/public/fonts/Poppins-BlackItalic.woff b/public/fonts/Poppins-BlackItalic.woff
new file mode 100644
index 0000000..f2e5aca
Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.woff differ
diff --git a/public/fonts/Poppins-BlackItalic.woff2 b/public/fonts/Poppins-BlackItalic.woff2
new file mode 100644
index 0000000..8e3f7fb
Binary files /dev/null and b/public/fonts/Poppins-BlackItalic.woff2 differ
diff --git a/public/fonts/Poppins-Bold.ttf b/public/fonts/Poppins-Bold.ttf
new file mode 100644
index 0000000..f8b0594
Binary files /dev/null and b/public/fonts/Poppins-Bold.ttf differ
diff --git a/public/fonts/Poppins-Bold.woff b/public/fonts/Poppins-Bold.woff
new file mode 100644
index 0000000..183b1a0
Binary files /dev/null and b/public/fonts/Poppins-Bold.woff differ
diff --git a/public/fonts/Poppins-Bold.woff2 b/public/fonts/Poppins-Bold.woff2
new file mode 100644
index 0000000..fd7e21b
Binary files /dev/null and b/public/fonts/Poppins-Bold.woff2 differ
diff --git a/public/fonts/Poppins-BoldItalic.ttf b/public/fonts/Poppins-BoldItalic.ttf
new file mode 100644
index 0000000..4ca46ba
Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.ttf differ
diff --git a/public/fonts/Poppins-BoldItalic.woff b/public/fonts/Poppins-BoldItalic.woff
new file mode 100644
index 0000000..5db9010
Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.woff differ
diff --git a/public/fonts/Poppins-BoldItalic.woff2 b/public/fonts/Poppins-BoldItalic.woff2
new file mode 100644
index 0000000..948c335
Binary files /dev/null and b/public/fonts/Poppins-BoldItalic.woff2 differ
diff --git a/public/fonts/Poppins-ExtraBold.ttf b/public/fonts/Poppins-ExtraBold.ttf
new file mode 100644
index 0000000..bed9184
Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.ttf differ
diff --git a/public/fonts/Poppins-ExtraBold.woff b/public/fonts/Poppins-ExtraBold.woff
new file mode 100644
index 0000000..3de3510
Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.woff differ
diff --git a/public/fonts/Poppins-ExtraBold.woff2 b/public/fonts/Poppins-ExtraBold.woff2
new file mode 100644
index 0000000..853b9d0
Binary files /dev/null and b/public/fonts/Poppins-ExtraBold.woff2 differ
diff --git a/public/fonts/Poppins-ExtraBoldItalic.ttf b/public/fonts/Poppins-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..1d6b76c
Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.ttf differ
diff --git a/public/fonts/Poppins-ExtraBoldItalic.woff b/public/fonts/Poppins-ExtraBoldItalic.woff
new file mode 100644
index 0000000..1b84d73
Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.woff differ
diff --git a/public/fonts/Poppins-ExtraBoldItalic.woff2 b/public/fonts/Poppins-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..46fb380
Binary files /dev/null and b/public/fonts/Poppins-ExtraBoldItalic.woff2 differ
diff --git a/public/fonts/Poppins-ExtraLight.ttf b/public/fonts/Poppins-ExtraLight.ttf
new file mode 100644
index 0000000..f67f442
Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.ttf differ
diff --git a/public/fonts/Poppins-ExtraLight.woff b/public/fonts/Poppins-ExtraLight.woff
new file mode 100644
index 0000000..2a46dee
Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.woff differ
diff --git a/public/fonts/Poppins-ExtraLight.woff2 b/public/fonts/Poppins-ExtraLight.woff2
new file mode 100644
index 0000000..ee0c15e
Binary files /dev/null and b/public/fonts/Poppins-ExtraLight.woff2 differ
diff --git a/public/fonts/Poppins-ExtraLightItalic.ttf b/public/fonts/Poppins-ExtraLightItalic.ttf
new file mode 100644
index 0000000..4dbe2cc
Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.ttf differ
diff --git a/public/fonts/Poppins-ExtraLightItalic.woff b/public/fonts/Poppins-ExtraLightItalic.woff
new file mode 100644
index 0000000..243d34c
Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.woff differ
diff --git a/public/fonts/Poppins-ExtraLightItalic.woff2 b/public/fonts/Poppins-ExtraLightItalic.woff2
new file mode 100644
index 0000000..81bcf8b
Binary files /dev/null and b/public/fonts/Poppins-ExtraLightItalic.woff2 differ
diff --git a/public/fonts/Poppins-Italic.ttf b/public/fonts/Poppins-Italic.ttf
new file mode 100644
index 0000000..ca84b2f
Binary files /dev/null and b/public/fonts/Poppins-Italic.ttf differ
diff --git a/public/fonts/Poppins-Italic.woff b/public/fonts/Poppins-Italic.woff
new file mode 100644
index 0000000..a465c1f
Binary files /dev/null and b/public/fonts/Poppins-Italic.woff differ
diff --git a/public/fonts/Poppins-Italic.woff2 b/public/fonts/Poppins-Italic.woff2
new file mode 100644
index 0000000..082d863
Binary files /dev/null and b/public/fonts/Poppins-Italic.woff2 differ
diff --git a/public/fonts/Poppins-Light.ttf b/public/fonts/Poppins-Light.ttf
new file mode 100644
index 0000000..94fa7da
Binary files /dev/null and b/public/fonts/Poppins-Light.ttf differ
diff --git a/public/fonts/Poppins-Light.woff b/public/fonts/Poppins-Light.woff
new file mode 100644
index 0000000..d2d37dd
Binary files /dev/null and b/public/fonts/Poppins-Light.woff differ
diff --git a/public/fonts/Poppins-Light.woff2 b/public/fonts/Poppins-Light.woff2
new file mode 100644
index 0000000..a8fc845
Binary files /dev/null and b/public/fonts/Poppins-Light.woff2 differ
diff --git a/public/fonts/Poppins-LightItalic.ttf b/public/fonts/Poppins-LightItalic.ttf
new file mode 100644
index 0000000..f1b0564
Binary files /dev/null and b/public/fonts/Poppins-LightItalic.ttf differ
diff --git a/public/fonts/Poppins-LightItalic.woff b/public/fonts/Poppins-LightItalic.woff
new file mode 100644
index 0000000..78c3aa6
Binary files /dev/null and b/public/fonts/Poppins-LightItalic.woff differ
diff --git a/public/fonts/Poppins-LightItalic.woff2 b/public/fonts/Poppins-LightItalic.woff2
new file mode 100644
index 0000000..4e7ede7
Binary files /dev/null and b/public/fonts/Poppins-LightItalic.woff2 differ
diff --git a/public/fonts/Poppins-Medium.ttf b/public/fonts/Poppins-Medium.ttf
new file mode 100644
index 0000000..a0592a0
Binary files /dev/null and b/public/fonts/Poppins-Medium.ttf differ
diff --git a/public/fonts/Poppins-Medium.woff b/public/fonts/Poppins-Medium.woff
new file mode 100644
index 0000000..ade6331
Binary files /dev/null and b/public/fonts/Poppins-Medium.woff differ
diff --git a/public/fonts/Poppins-Medium.woff2 b/public/fonts/Poppins-Medium.woff2
new file mode 100644
index 0000000..d7c16dc
Binary files /dev/null and b/public/fonts/Poppins-Medium.woff2 differ
diff --git a/public/fonts/Poppins-MediumItalic.ttf b/public/fonts/Poppins-MediumItalic.ttf
new file mode 100644
index 0000000..ff6e576
Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.ttf differ
diff --git a/public/fonts/Poppins-MediumItalic.woff b/public/fonts/Poppins-MediumItalic.woff
new file mode 100644
index 0000000..3ff3847
Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.woff differ
diff --git a/public/fonts/Poppins-MediumItalic.woff2 b/public/fonts/Poppins-MediumItalic.woff2
new file mode 100644
index 0000000..502ea3e
Binary files /dev/null and b/public/fonts/Poppins-MediumItalic.woff2 differ
diff --git a/public/fonts/Poppins-Regular.ttf b/public/fonts/Poppins-Regular.ttf
new file mode 100644
index 0000000..3c0b76d
Binary files /dev/null and b/public/fonts/Poppins-Regular.ttf differ
diff --git a/public/fonts/Poppins-Regular.woff b/public/fonts/Poppins-Regular.woff
new file mode 100644
index 0000000..2b18f02
Binary files /dev/null and b/public/fonts/Poppins-Regular.woff differ
diff --git a/public/fonts/Poppins-Regular.woff2 b/public/fonts/Poppins-Regular.woff2
new file mode 100644
index 0000000..bd4e3bd
Binary files /dev/null and b/public/fonts/Poppins-Regular.woff2 differ
diff --git a/public/fonts/Poppins-SemiBold.ttf b/public/fonts/Poppins-SemiBold.ttf
new file mode 100644
index 0000000..515996d
Binary files /dev/null and b/public/fonts/Poppins-SemiBold.ttf differ
diff --git a/public/fonts/Poppins-SemiBold.woff b/public/fonts/Poppins-SemiBold.woff
new file mode 100644
index 0000000..06273fe
Binary files /dev/null and b/public/fonts/Poppins-SemiBold.woff differ
diff --git a/public/fonts/Poppins-SemiBold.woff2 b/public/fonts/Poppins-SemiBold.woff2
new file mode 100644
index 0000000..a5b4808
Binary files /dev/null and b/public/fonts/Poppins-SemiBold.woff2 differ
diff --git a/public/fonts/Poppins-SemiBoldItalic.ttf b/public/fonts/Poppins-SemiBoldItalic.ttf
new file mode 100644
index 0000000..31f7a33
Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.ttf differ
diff --git a/public/fonts/Poppins-SemiBoldItalic.woff b/public/fonts/Poppins-SemiBoldItalic.woff
new file mode 100644
index 0000000..8a1bbe3
Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.woff differ
diff --git a/public/fonts/Poppins-SemiBoldItalic.woff2 b/public/fonts/Poppins-SemiBoldItalic.woff2
new file mode 100644
index 0000000..9d4729a
Binary files /dev/null and b/public/fonts/Poppins-SemiBoldItalic.woff2 differ
diff --git a/public/fonts/Poppins-Thin.ttf b/public/fonts/Poppins-Thin.ttf
new file mode 100644
index 0000000..e77b13d
Binary files /dev/null and b/public/fonts/Poppins-Thin.ttf differ
diff --git a/public/fonts/Poppins-Thin.woff b/public/fonts/Poppins-Thin.woff
new file mode 100644
index 0000000..bcb1341
Binary files /dev/null and b/public/fonts/Poppins-Thin.woff differ
diff --git a/public/fonts/Poppins-Thin.woff2 b/public/fonts/Poppins-Thin.woff2
new file mode 100644
index 0000000..9f34f03
Binary files /dev/null and b/public/fonts/Poppins-Thin.woff2 differ
diff --git a/public/fonts/Poppins-ThinItalic.ttf b/public/fonts/Poppins-ThinItalic.ttf
new file mode 100644
index 0000000..6c07a86
Binary files /dev/null and b/public/fonts/Poppins-ThinItalic.ttf differ
diff --git a/public/fonts/Poppins-ThinItalic.woff b/public/fonts/Poppins-ThinItalic.woff
new file mode 100644
index 0000000..6459aa0
Binary files /dev/null and b/public/fonts/Poppins-ThinItalic.woff differ
diff --git a/styles/abstracts/_mixins.scss b/styles/abstracts/_mixins.scss
index 3e7ba42..93240f6 100644
--- a/styles/abstracts/_mixins.scss
+++ b/styles/abstracts/_mixins.scss
@@ -8,25 +8,18 @@
 @mixin element-invisible($enforce: true) {
   $important: if($enforce, "!important", null);
 
-  position: absolute #{$important};
-  width: 1px #{$important};
-  height: 1px #{$important};
-  padding: 0 #{$important};
-  overflow: hidden #{$important};
-  clip: rect(0, 0, 0, 0) #{$important};
-  white-space: nowrap #{$important};
-  border: 0 #{$important};
+  max-height: 0 #{$important};
+  opacity: 0 #{$important};
+  visibility: hidden #{$important};
+  transition: $default-transition;
 }
 
-@mixin element-invisible-off($enforce: true) {
+@mixin element-invisible-off($value-visibility: 100px, $enforce: true) {
   $important: if($enforce, "!important", null);
 
-  position: static #{$important};
-  width: auto #{$important};
-  height: auto #{$important};
-  overflow: visible #{$important};
-  clip: auto #{$important};
-  white-space: normal #{$important};
+  max-height: #{$value-visibility} #{$important};
+  opacity: 1 #{$important};
+  visibility: visible #{$important};
 }
 
 @mixin css-triangle($triangle-size, $triangle-color, $triangle-direction) {
diff --git a/styles/base/_helpers.scss b/styles/base/_helpers.scss
index 71a143b..364dd23 100644
--- a/styles/base/_helpers.scss
+++ b/styles/base/_helpers.scss
@@ -11,25 +11,6 @@
   padding: 20px;
 }
 
-%vertical-center {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-%horizontal-center {
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-%absolute-center {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
 %button {
   outline: none;
   border: none;
diff --git a/styles/base/_root.scss b/styles/base/_root.scss
index 37a0025..f5f0ccd 100644
--- a/styles/base/_root.scss
+++ b/styles/base/_root.scss
@@ -15,3 +15,8 @@
   padding: 0;
   box-sizing: border-box;
 }
+
+body {
+  min-height: 100vh;
+  max-width: 100vw;
+}
diff --git a/styles/fonts.scss b/styles/fonts.scss
new file mode 100644
index 0000000..648b719
--- /dev/null
+++ b/styles/fonts.scss
@@ -0,0 +1,179 @@
+@font-face {
+  font-family: Poppins-Italic;
+  src: url("/fonts/Poppins-Italic.woff2") format("woff2"),
+    url("/fonts/Poppins-Italic.woff") format("woff"),
+    url("/fonts/Poppins-Italic.ttf") format("truetype");
+  font-weight: normal;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Light-Italic;
+  src: url("/fonts/Poppins-LightItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-LightItalic.woff") format("woff"),
+    url("/fonts/Poppins-LightItalic.ttf") format("truetype");
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-SemiBold;
+  src: url("/fonts/Poppins-SemiBold.woff2") format("woff2"),
+    url("/fonts/Poppins-SemiBold.woff") format("woff"),
+    url("/fonts/Poppins-SemiBold.ttf") format("truetype");
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Thin;
+  src: url("/fonts/Poppins-Thin.woff2") format("woff2"),
+    url("/fonts/Poppins-Thin.woff") format("woff"),
+    url("/fonts/Poppins-Thin.ttf") format("truetype");
+  font-weight: 100;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Medium-Italic;
+  src: url("/fonts/Poppins-MediumItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-MediumItalic.woff") format("woff"),
+    url("/fonts/Poppins-MediumItalic.ttf") format("truetype");
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Regular;
+  src: url("/fonts/Poppins-Regular.woff2") format("woff2"),
+    url("/fonts/Poppins-Regular.woff") format("woff"),
+    url("/fonts/Poppins-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Extra-Bold-Italic;
+  src: url("/fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-ExtraBoldItalic.woff") format("woff"),
+    url("/fonts/Poppins-ExtraBoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Extra-Light-Italic;
+  src: url("/fonts/Poppins-ExtraLightItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-ExtraLightItalic.woff") format("woff"),
+    url("/fonts/Poppins-ExtraLightItalic.ttf") format("truetype");
+  font-weight: 200;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Light;
+  src: url("/fonts/Poppins-Light.woff2") format("woff2"),
+    url("/fonts/Poppins-Light.woff") format("woff"),
+    url("/fonts/Poppins-Light.ttf") format("truetype");
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Medium;
+  src: url("/fonts/Poppins-Medium.woff2") format("woff2"),
+    url("/fonts/Poppins-Medium.woff") format("woff"),
+    url("/fonts/Poppins-Medium.ttf") format("truetype");
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Semi-Bold-Italic;
+  src: url("/fonts/Poppins-SemiBoldItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-SemiBoldItalic.woff") format("woff"),
+    url("/fonts/Poppins-SemiBoldItalic.ttf") format("truetype");
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Extra-Light;
+  src: url("/fonts/Poppins-ExtraLight.woff2") format("woff2"),
+    url("/fonts/Poppins-ExtraLight.woff") format("woff"),
+    url("/fonts/Poppins-ExtraLight.ttf") format("truetype");
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Thin-Italic;
+  src: url("/fonts/Poppins-ThinItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-ThinItalic.woff") format("woff"),
+    url("/fonts/Poppins-ThinItalic.ttf") format("truetype");
+  font-weight: 100;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Black;
+  src: url("/fonts/Poppins-Black.woff2") format("woff2"),
+    url("/fonts/Poppins-Black.woff") format("woff"),
+    url("/fonts/Poppins-Black.ttf") format("truetype");
+  font-weight: 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins;
+  src: url("/fonts/Poppins-BoldItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-BoldItalic.woff") format("woff"),
+    url("/fonts/Poppins-BoldItalic.ttf") format("truetype");
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Bold;
+  src: url("/fonts/Poppins-Bold.woff2") format("woff2"),
+    url("/fonts/Poppins-Bold.woff") format("woff"),
+    url("/fonts/Poppins-Bold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Black-Italic;
+  src: url("/fonts/Poppins-BlackItalic.woff2") format("woff2"),
+    url("/fonts/Poppins-BlackItalic.woff") format("woff"),
+    url("/fonts/Poppins-BlackItalic.ttf") format("truetype");
+  font-weight: 900;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Poppins-Extra-Bold;
+  src: url("/fonts/Poppins-ExtraBold.woff2") format("woff2"),
+    url("/fonts/Poppins-ExtraBold.woff") format("woff"),
+    url("/fonts/Poppins-ExtraBold.ttf") format("truetype");
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}