Vytvorenie jednoduchého modálneho okna

 <button id="otvorModul">Otvoriť modál</button>

 .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); }

.modal-content {
background-color: #fff;
margin: 15% auto;
padding: 20px;
width: 80%;
max-width: 400px;
border-radius: 8px;
}

.close {
float: right;
font-size: 24px;
cursor: pointer;
}