sexyfication

This commit is contained in:
Djalim Simaila 2021-11-20 18:09:08 +01:00
parent 1c15be8f16
commit 5e9b10e130
2 changed files with 41 additions and 5 deletions

View File

@ -7,14 +7,16 @@ body {
font-family: Arial, Helvetica, sans-serif; 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{ header{
display: flex; display: flex;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
justify-content: space-between; justify-content: space-between;
border: solid purple 2px; border: solid purple 2px;
} }
@ -45,7 +47,7 @@ h1,h2,p,#intropage {
h1 { h1 {
font-size: 4rem; font-size: 4rem;
font-family: 'comic sans ms', Arial, Helvetica, sans-serif; font-family:"pacifico", Arial, Helvetica, sans-serif;
} }
#makeachoicehf{ #makeachoicehf{
@ -69,7 +71,7 @@ h1 {
#makeachoicehf a p{ #makeachoicehf a p{
font-family: 'comic sans ms',Arial, Helvetica, sans-serif; font-family:'pacifico',Arial, Helvetica, sans-serif;
text-decoration: none; text-decoration: none;
font-size: 4rem; font-size: 4rem;
margin-left: 3rem; margin-left: 3rem;
@ -87,6 +89,7 @@ h1 {
.caption { .caption {
text-align: center; text-align: center;
align-self: center;
} }
.avis { .avis {
@ -94,10 +97,13 @@ h1 {
height: auto; height: auto;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
border-radius: 15px ;
padding: 1px;
} }
figure { figure {
display: flex;
border: solid purple 1px; border: solid purple 1px;
border-radius: 15px; border-radius: 15px;
flex-direction: row; flex-direction: row;
} }

View File

@ -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;
}