html, body {
    margin: 0;
    padding: 0; 
    background: grey;
}
body {
    font-family: Times, sans-serif; 
    font-size: 150%;
    margin-left: 20px;
    color:  #7959ff;

    
}
h1 {
    font-size:480%; 
    text-align: center;
	background: linear-gradient(to left, #004fe1 ,#09e0fe);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}
h2 {
    font-size: 185%;
    color: #1dcfac;
    text-align: center;
}
h3 {
	font-size: 175%;
	color: #00c353;
	text-align: center;
}
h4 {
	font-size: 100%;
	color: #00c353;
	text-align: center;
}

main{
     display: grid;
            grid-template-columns: 1000px;
            column-gap: 7px;
            border: 3mm ridge rgba(78, 31, 150,8);
            margin-left: 100px;
            margin-right: 100px;    
            text-align: center;
            width: 70%;
            background-color: #312f3c ; 
                    
     
 
        
     
}
.grillePrincipale{
            border: 3mm ridge rgba(78, 31, 150,8);
            background-color:#5d519b ;
            text-align: center;
            width: 25%
			
        
}
        
.maDiv {display: flex;
}