@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');



.inter {
  font-family: "Inter", sans-serif;
}

.modal { position: fixed; 
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0,0,0,0.6);
 display: flex;
 justify-content: center; 
 align-items: center; 

}
.modal.hidden { display: none; 

}
.modal-content {
background: white; 
padding: 2rem;
border-radius: 8px; 
max-width: 500px; 
width: 90%; }
.modal-close { float: right; 
cursor: pointer; 
font-size: 1.5rem; }