diff --git a/index.html b/index.html
new file mode 100644
index 0000000..3472dcf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+ Arthur Puechberty
+
+
+
+
+ 
+ Arthur
+ Une grande passion : la voile ⛵️
+
+
+
+
+
\ No newline at end of file
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..888c0a8
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,125 @@
+@import url("https://fonts.googleapis.com/css?family=Montserrat:700");
+
+.btn {
+ color: white;
+ font-weight: bold;
+ font-size: 1em;
+ text-decoration: none;
+ text-transform: uppercase;
+ padding: 4px;
+ background-color: #222222;
+ transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear;
+ background-image: url('data:image/svg+xml;utf8,');
+ background-size: contain;
+ background-position: -200px center;
+ background-repeat: no-repeat;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+ display: flex;
+ align-items: center;
+ font-family: 'Inter', sans-serif;
+ border-radius: 10px;
+}
+.btn:hover {
+ transform: scale(1.04);
+ background-position: -60px;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+}
+.btn:active {
+ transform: scale(0.5);
+ background-position: 500px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+}
+
+.txt_lien{
+ width : 100%;
+ text-align: center;
+ padding-right: 48px;
+}
+
+*{
+ margin: 0;
+ padding: 0;
+ scroll-behavior: smooth;
+}
+
+body{
+ background-color: black;
+}
+
+section{
+ display: flex;
+ flex-direction: column;
+ -webkit-box-pack: justify;
+ justify-content: space-between;
+}
+
+div{
+ padding: 8px;
+}
+
+.accueil{
+ -webkit-box-align: center;
+ align-items: center;
+ padding: 64px 16px 32px;
+}
+
+.profil_img{
+ border-radius: 50%;
+ width : 100px;
+ height : 100px;
+}
+
+h1{
+ font-family: 'Inter', sans-serif;
+ font-weight: 900;
+ color: rgb(255, 255, 255);
+ font-size: 20px;
+ margin-left: 12px;
+ margin-right: 12px;
+ max-width: 100%;
+ margin-top: 15px;
+}
+
+h2{
+ font-family: 'Inter', sans-serif;
+ font-weight: 900;
+ color: rgba(255, 255, 255, 0.6);
+ font-size: 16px;
+ padding-left: 40px;
+ padding-right: 40px;
+ margin-top: 8px;
+}
+
+.liste_btn{
+ margin: 0px auto;
+ max-width: 680px;
+}
+
+.lien_img{
+ width : 48px;
+ height : 48px;
+ border-radius: 9px;
+}
+
+.footer{
+ font-family: "Montserrat", sans-serif;
+ min-height: 100px;
+ display: flex;
+ align-items: center;
+ margin-top: 50px;
+ justify-content: space-between;
+ padding: 0 100px;
+ flex-wrap: wrap;
+ background-color: rgb(50, 50, 50);
+}
+
+.copyrights{
+ padding-right: 20px;
+ color: white;
+}
+
+.conditions_generale{
+ text-decoration: none;
+ font-weight: 600;
+ color: white;
+}
\ No newline at end of file
