@font-face {
    font-family: "fonteproglyrics";
 src : url("materiel_prog/aston/Aston_Script.ttf")
format('truetype');
 /*src:url("materiel_prog/leva/LevaBlackshear.ttf")format('truetype');*/
    font-weight: bold;
    font-style: normal;
    }

 @font-face {
    font-family: "lettrine";
     src:url("materiel_prog/maximilian/maximilian.woff") format('woff')   ,
 url("materiel_prog/topiary/TOPIARY.ttf") format('truetype') ,
     url("materiel_prog/topiary/topiary.woff") format('woff') ,
;
    }

body{text-align:center;
background-color:black;
color:white;
justify-content:center;
display:flex}

h1{color:magenta;
       font-size:60px;
       text-align:center;margin:0;
font-family:fonteproglyrics}

.alphabet{display:grid;
grid-template-columns: repeat(4,150px);
margin:auto;
font-family:lettrine;
font-size:72px;
color:yellow}

a{text-decoration:none;
color:yellow}

.centre{margin-left:auto;
margin-right:auto;
width:600px}
span{color:lightblue}