@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Della Respira&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');

body {
    background-color: #fbfbfb;
    font-family: 'Della Respida';
}

#index-desc {
    font-size: larger;
}

.navbar-brand {
    font-family: 'UnifrakturMaguntia';
    font-size: 24px;
}

.hangul {
    font-family: 'Noto Sans KR';
    font-size: 12px;
}

.modal-dialog {
    margin: 30px auto;
    max-width: 100%;
    width: auto !important;
    height: auto;
    display: inline-block;
}

.modal {
    z-index: -1;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.modal-open .modal {
    z-index: 1050;
}

.modal-body {
    position:relative;
    padding:0px;
    background:#ccc;
}

.close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}

#image {
    min-height:200px;
}

.img-clickable {
    cursor: pointer;
}