.overlay { top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); z-index: 1100; display: block; opacity: 1; z-index: 1072; position: fixed; overflow-x: hidden; overflow-y: auto; outline: 0; transition: opacity .15s linear; } #popup:target{ display: none; opacity: 0; } #popupBody{ width: 55%; padding: 2%; background-image: url("../img/backgrounds/popup-bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; margin: 6rem auto; } .popupContent{ margin-top: 220px; text-align: center; } #cerrar{ position: absolute; top: 20px; right: 30px; font-size: 30px; font-weight: bold; text-decoration: none; color: #fff; transition: all 200ms; }