[Résolu] Position : Fixed en utilisant bottom / left ne marche pas

Bonjour,
pour un devoir d'espagnol, je dois raconter mes vacances.
je souhaite donc afficher un messages d'erreur sur ma page.
Avant de faire le système en Javascript, je cherche d'abord a faire le CSS de mon message d'erreur, malgré de nombreuses tentatives, mon messages ne va pas a l'endroit ou je souhaite le mettre (c'est a dire au milieu en bas du body) et le message reste dans sa position initial.
Voici mon code HTML :

<div class="no-data">
	<h1 class="no-data-title">Este día no es un día de vacaciones.</h1>
</div>

Mon code CSS :

div.no-data{
	position: fixed;
	bottom: 50;
	background-color: red;
}

Merci d'avance.
Cordialement,

Merci beaucoup ! C'est exactement ça qu'il me fallait !
Bonne continuation et bon Halloween !