/* CSS-Only Modal */
.modal-backdrop {
        display: flex;
	z-index: 200;
        align-items: center;
        justify-content: center;
 	opacity: 0; 
        transition: opacity 150ms ease-in-out;
        padding: 2em;
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .5);
        width: 100vw;
        height: 100vh;
        pointer-events: none;
}
.modal-backdrop:target {
        opacity: 1;
	pointer-events: auto;
}
.modal-content {
  position: relative;
	margin-left: auto;
	margin-right: auto;
}
.close {
	position: absolute; 
	top: 0;
	right: 0;
	transform: rotate(45deg);
}