*{
margin: 0;
Padding:0;
box-sizing: border-box;
}



body {
background: #131416;
font-family: arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;

}
a {
text-decoration: none;
background-color: white;
padding: 15px;
border-radius: 5px;
text-transform: uppercase;
color:black;




}

.modal {
visibility: hidden;
opacity: 0;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background: rgba(77, 77, 77, .7);
display: feux;
justify-content: center;
align-items: center;

}

.modal:target {
visibility: visible;
opacity:1;

}




.modal_content {
background-color:white;
padding: 1.5em 2em;
with: 500px;
max-width: 90%;
border-radius: 4px;
position: relative;


}
.modal_close {
position: absolute;
right:15px;
top:15px;
text-decoration: none;
color:grey;



}