JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<meta charset ="utf-8" />
	<title>Mon CV</title>
	<link rel="stylesheet" href="css.css" />
</head>
<body>

<header><a href="moi plus gros.png"><img src="moi.png" alt="c'est moi" title="clique moi dessus pour me faire grossir" class="moi"  /></a>
	<h1>Poké Dark</h1>
<p>	Moi ? j'ai 13 ans et je suis au collège et passioné de l'informatique</p></header>



<div>

<section class="Mon-éxperience">
<h2>Mon éxperience</h2>
<ul>
<li> Je joue a league of legends, minecraft et autre</li>
<li> J'éssaye d'aprendre les langueges essensiels pour coder un jeu vidéo</li>
<li>J'ai fais mon site web de mes mains</li>
</ul>
</section>

<section class="Mes-compétence">
<h2>Mes compétences</h2>
<ul>
<li>Je connais Le HTML et le CSS</li>
<li>Je débute sur le C++</li>
</ul>
</section>

<section class="Ma-formation">
<h2>Ma formation</h2>
<ul>
<li>J'apprends tout sur open classrooms.</li>
</ul>
</section></div>

</body>
</html>

CSS

nav
{
	background-color: white;
	width: 50px;
}


.Ma-formation
{
	
}

.Mes-competence
{

}

div
{
	display : flex;
}






.moi
{
	float: right;
}

p
{
	text-align: center;
}
h2
{
		font-family: anagramregular;
		color: blue;
}

h1
{
		font-size: 50px;
		font-family: anagramregular;
		text-align: center;
		color: red;
		text-shadow: 6px 6px 0px black;
}

li,p
{
		font-family: arial;
		color: white;
		
}

body
{
	background-color : black;
}

@font-face {
    font-family: 'anagramregular';
    src: url('Anagram-webfont.eot');
    src: url('Anagram-webfont.eot?#iefix') format('embedded-opentype'),
         url('Anagram-webfont.woff') format('woff'),
         url('Anagram-webfont.ttf') format('truetype'),
         url('Anagram-webfont.svg#anagramregular') format('svg');
    font-weight: normal;
    font-style: normal;

}