ajout index.css fini

css/index.css

+body {
+    margin: 0;
+}
+
+html {
+    background-color: #231543;
+    font-family: "Inter";
+}
+
+
+
+h1{
+    font-size: 50px;
+    margin-top: 0;
+}
+
+h2{
+    margin: 0;
+}
+
+.back {
+    z-index: -1;
+    background: url(https://d2pgkmld22m7v7.cloudfront.net/assets/images/header-default.png) top right no-repeat;
+    background-size:contain;
+    position: absolute;
+    height:70%;
+    width: 100%;
+    left: 0;
+    top: 0;
+
+}
+.boxNav{
+    display: flex;
+    justify-content: space-evenly;
+    padding: 7px;
+}
+
+a{
+    text-decoration: none;
+    font-weight: bold;
+    color: #3f2875;
+    font-size: 20px;
+
+}
+
+header{
+    font-weight: bold;
+    color: white;
+    height: fit-content;
+}
+
+.textHeader{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 400px;
+    flex-direction: column;
+
+}
+header>div.nav-bar{
+    background-color: white;
+    width: 100%;
+    height: 5%;
+    font-family: 'Inter', sans-serif;
+    font-style: normal;
+    margin: 0;
+    padding: 0;
+}
+
+nav>a{
+    text-decoration: none;
+    color: #231543;
+}
+nav>div {
+    display: inline-flex;
+    justify-content: space-around;
+    margin-left: 40%;
+    width: 35%;
+}
+nav>div>a{
+    text-decoration: none;
+    color: #231543;
+    font-size: 30px;
+
+}
+nav>a.img {
+    color: white;
+    font-size: 80px;
+}
+nav>a>img {
+    width: 10%;
+    margin-left: 8%;
+}
+
+
+nav>div>a.login-button {
+    text-decoration: none;
+    text-shadow: none;
+    color: white;
+    background: linear-gradient(201.97deg, #9968F7 12.27%, #3936CC 83.53%);
+    width: 30%;
+    text-align: center;
+    border-radius: 40px;
+    font-style: oblique;
+}
+
+.corp{
+    padding-bottom: 220px;
+    background-color: #ECEDFEFF;
+}
+
+.Container{
+    margin: 25px;
+    width: auto;
+    display: flex;
+    justify-content: center;
+    height: fit-content;
+}
+
+.corpContainer{
+    height: fit-content;
+    width: 1000px;
+    border-radius: 50px;
+    display: flex;
+    flex-direction: row;
+}
+
+.card{
+    height: 600px;
+    width: calc(60% - 4rem);
+    margin-right: 2rem;
+    margin-left: 2rem;
+    overflow: hidden;
+    border-radius: 4rem;
+    color: #fff;
+    background-position: center;
+    margin-bottom: 4rem;
+    background: url(https://d2pgkmld22m7v7.cloudfront.net/assets/images/cards__color-1.png) center center no-repeat;
+    background-size: cover;
+}
+
+.card>p {
+    text-align: start;
+    position: relative;
+    top: 15rem;
+    left: 3rem;
+    font-size: 33px;
+    
+}
+
+.card2>p {
+    margin: 0;
+    text-align: start;
+    position: relative;
+    top: 6rem;
+    left: 3rem;
+    font-size: 22px;
+}
+
+#titreCard {
+    margin: 0px;
+    text-align: start;
+    position: relative;
+    top: 6rem;
+    left: 3rem;
+    font: 900 28px "arial";
+}
+
+.card2 {
+    margin-top: 20px;
+    height: 600px;
+    width: calc(60% - 4rem);
+    margin-right: 2rem;
+    margin-left: 2rem;
+    overflow: hidden;
+    border-radius: 4rem;
+    color: #fff;
+    background-position: center;
+    margin-bottom: 4rem;
+    background-image: url(https://d2pgkmld22m7v7.cloudfront.net/assets/images/cards__color-2.png);
+    background-size: cover;
+}
+
+.container-Text{
+    background-color: white;
+    width: 100%;
+    height: fit-content;
+    padding-bottom: 50px;
+}
+
+.textEquipe{
+    padding-top: 50px;
+    padding-left: 25%;
+    display: flex;
+    flex-direction: column;
+    text-align: start;
+    width: 900px;
+}
+
+.Notre{
+    color: #3f2875;
+    font-size: 50px;
+    margin-top: 20px;
+    margin-bottom: 10px;
+}
+
+.equipe {
+    color: #7957E9;
+}
+
+#p1{
+    font: 400 24px "g";
+    color: #3f2875;
+}
+
+.button {
+    text-align: center;
+    border-radius: 25px;
+    cursor: pointer;
+    width:17%;
+    margin-left: 27%;
+    background: linear-gradient(201.97deg, #9968F7 12.27%, #3936CC 83.53%);
+}
+
+.button>a{
+    font-size: 45px;
+    font-family: "Inter";
+    font-style: oblique;
+    color: white;
+    
+}
+