.modal {
            display: none;
            position: fixed;
            z-index: 2;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.5);
        }
        
        .modal-content {
            background-color: #fefefe;
            margin: 15% auto;
            padding: 5px;
            border: 10px solid #180439;
            border-radius: 5px;
            max-width: 400px;
            text-align: center;
            position: relative;
        }
        
        .top-border{
            background-color:#180439;
            padding:6px;
            color:white;
        }
        
        .close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 38px;
  color: #fd2b00;
  padding: 5px;
  margin-right:5px;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #ef3009;
  text-decoration: none;
  cursor: pointer;
}