По каким причинам текст не будет отображаться на странице в качестве заголовка для переключателей?

Я пишу в HTML, и мой заголовок для раздела переключателей на моей странице не отображается. Кроме того, я не могу расположить переключатели по вертикали, и я не могу правильно установить интервал с разделом над разделом переключателя. Вот ссылка на мой Codepen, где я пишу свой код,

https://codepen.io/DevinCassidy/pen/xeZpxx

<div>
 <br>
 <h2 for = "radio-buttons"> What type of Deejaying do you prefer?</h2>
</div>
<div>
<input type = "radio" id = "analog deejaying" name = "drone" value = "analog deejaying">
<label for = "analog deejaying">Analog Deejaying</label>
</div>

<div>
<input type = "radio" id = "digital deejaying" name = "drone" value = "digital deejaying">
<label for = "digital deejaying">Digital Deejaying</label>
</div>

\\\\\\