sexyfication

styles/2000/main.css

@@ -7,14 +7,16 @@ body {
     font-family: Arial, Helvetica, sans-serif;
 }
 
-@import url(https://fr.allfont.net/allfont.css?fonts=comic-sans-ms);
+@font-face {
+    font-family:"pacifico";
+    src: url("./Pacifico-Regular.ttf") format("ttf");
+   }
 
 header{
     display: flex;
     align-items: center;
     gap: 1rem;
     justify-content: space-between;
-
     border: solid purple 2px;
 }
 
@@ -45,7 +47,7 @@ h1,h2,p,#intropage {
 
 h1 {
     font-size: 4rem;
-    font-family: 'comic sans ms', Arial, Helvetica, sans-serif;
+    font-family:"pacifico", Arial, Helvetica, sans-serif;
 }
 
 #makeachoicehf{
@@ -69,7 +71,7 @@ h1 {
 
 
 #makeachoicehf a p{
-    font-family: 'comic sans ms',Arial, Helvetica, sans-serif;
+    font-family:'pacifico',Arial, Helvetica, sans-serif;
     text-decoration: none;
     font-size: 4rem;
     margin-left: 3rem;
@@ -87,6 +89,7 @@ h1 {
 
 .caption {
     text-align: center;
+    align-self: center;
 }
 
 .avis {
@@ -94,9 +97,12 @@ h1 {
     height: auto;
     justify-content: center;
     align-items: center;
+    border-radius: 15px ;
+    padding: 1px;
 }
 
 figure {
+    display: flex;
     border: solid purple 1px;
     border-radius: 15px;
     flex-direction: row;

styles/2000/success.css

@@ -0,0 +1,30 @@
+main h2 {
+    font-size: 4rem ;
+    margin-top: 5rem;
+    margin-bottom: 5rem;
+}
+
+#succes {
+    display: flex;
+    justify-content: space-between;
+    border : solid purple 2px;
+    border-radius: 15px;
+}
+#sec_img img {
+    width:  30vw;
+    height: auto;   
+    border-radius: 15px;
+    padding: 1px;
+}
+
+#info_bases {
+    width: 30rem;
+    display : flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+section #bio {
+    align-self: center;
+}