.merlion {
    max-width: 20vw;
}

.merlion-container {
    position: absolute;
    right: 20px;
}

.card{
    max-width: 500px;
}

.form-control, .form-select{
    border-color: var(--bs-body-color);
}

.modal-header button.close{
    margin-left: auto;
}

/* Inline CSS for responsive image */
@media (max-width: 1200px) {
    .merlion {
        max-width: 10vw;
    }
    .merlion-container {
        top:30vh;
        right: 40px;
    }
}

/* Inline CSS for responsive image */
@media (max-width: 700px) {
    .merlion-container {
        top:15vh;
        right: 40px;
    }
}



@font-face {
  font-family: 'Slogan';
  src: url("../font/YRDZST.ttf") format('truetype');
}

.slogan {
    font-family: "Slogan";
    font-size: 3rem;
    color: #f8f9fa;
    /* text-shadow: 2px 2px 4px #000000; */
}

.modal-xxl > .modal-dialog {
    max-width: 90% !important;
}