/* Popup (arka plan) */
.modal {
    display: none; /* Varsayılan olarak gizlidir */
    position: fixed; /* Yerinde kal */
    z-index: 1; /* Üstte */
    left:  0;
    top:  0;
    width: 100%; /* Ful Genişlik */
    height: 100%; /* Ful Yükseklik */
    overflow: auto; /* Gerekirse kaydırmayı etkinleştir */
    background-color:#cccccc;
}

/* İçerik / Kutu */
.modal-content {
    
    margin: 2% 30%; /* % 15 üstten ve ortalanmış */
    padding: 30px;
   
    width: 40%; /* Ekran boyutuna bağlı olarak daha fazla veya daha az olabilir */
}


	/* Kapat Düğmesi */
.close {
    color: #000;
    float: right;
	padding-right: 70px;
    font-size: 50px;
    font-weight: bold;
}

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