.div1 .more{
    text-align: center;
}
a{
    text-decoration: none;
    color: black;
}
.div1{
    padding-left: 1%;
    padding-right: 1%;
}
.help{
    padding-left: 5%;
    padding-right: 5%;
}
.div3{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.div4{
    margin: 0 0 0 1%;
}
.div4 a{
    margin: 0 0 0 2%;
}




body{
    background-color: white;
    font-family: Helvetica, Arial, sans-serif;
    color: black;
    display: flex;
    width: 100%;
    margin: 0px;
}



header{
    width: 100%;
    height: 15%;
    position: fixed;
    
}

.entete{
    margin: 3rem 0 3rem 7%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.username{
    margin-left: 70% ;
    text-decoration: none;
    color: black;
    font-weight: 500;
    font-size: x-large;
}
.burger span{
	background: black;
	width: 30px;
	height:  2.5px;
	display:  block;
}

.burger span:not(:last-child) {
	margin-bottom:  6px;
}

.logo{
    width: 71px;
    height: 71px;
    margin: -1rem 7rem 3rem 2rem;
}
.main-container{
    width: 70vw;
    display: block;
    margin-left: 20%;
    min-height: 100vh;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5rem;
    margin-bottom: 20rem;
        
}

.txt1{
    font-size: 35px;
    display: flex;
    flex-direction: row;

}

.lire1{
    margin: 10rem 0 0 0;
}

.lire2{
    margin: 10rem 0 0 1rem;
    color: #d300c5;
}

.lire3{
    margin: 10rem 0 0 1rem;
}

.lire4{
    margin: 10rem 0 0 1rem;
    color: #FF7a00;
}

.grid{
    display: grid;
    grid-column-gap: 2rem;
    grid-row-gap: 5rem;
}

.grid1{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 1;
    grid-row: 1;
    
}
.grid2{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 2;
    grid-row: 1;
}
.grid3{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 3;
    grid-row: 1;
}
.grid4{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 1;
    grid-row: 2;
}
.grid5{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 2;
    grid-row: 2;
}
.grid6{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-column: 3;
    grid-row: 2;
}
.img_blog{
    width: 279px;
}