.modal {
    display:none;
    position:fixed;
    z-index:9999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    overflow:auto;   /* ¸ð¹ÙÀÏ ´ëºñ */
}

.modal-content {
    background:rgba(31, 40, 60, .96);
    width:600px;
    max-width:90%;
    max-height:80vh;      /* È­¸é ³ôÀÌ ±âÁØ ÃÖ´ë ³ôÀÌ */
    margin:5% auto;
    padding:25px;
    border-radius:10px;
    position:relative;
    overflow-y:auto;      /* ¼¼·Î ½ºÅ©·Ñ È°¼ºÈ­ */
}

.modal-close{
    position:absolute;
    right:15px;
    top:10px;
    font-size:25px;
    cursor:pointer;
}
.discord-modal { background: rgba(0,0,0,.5); }
.discord-content { width: min(300px, 90%); margin: min(200px, 20vh) auto; padding: 20px; text-align: center; }