body {
    margin: 0px;
}

.btn-check:focus + .btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem #ffde6960;
}

.main-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

    .main-container .destan-card {
        min-width: 600px;
        min-height: 100%;
    }

        .main-container .destan-card .card-body {
            display: flex;
            flex-direction: column;
        }

        .main-container .destan-card .destan-logo-section {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

            .main-container .destan-card .destan-logo-section .destan-logo {
                justify-content: center;
                align-items: center;
                display: flex;
            }

                .main-container .destan-card .destan-logo-section .destan-logo img {
                    max-width: 200px
                }

            .main-container .destan-card .destan-logo-section .destan-title {
                justify-content: center;
                align-items: center;
                display: flex;
                padding: 20px;
                margin-top: auto;
                flex-direction:column;
            }

            .main-container .destan-card .destan-language-section {
                flex:1
            }

        .main-container .destan-card .destan-footer-section {
            flex: 1
        }


            .main-container .destan-card .destan-footer-section .footer-text {
                color: #d8d8d8 !important;
            }

       


    .main-container .language-box {
        background-color: #ffde6960;
        padding: 20px 0px;
        box-shadow: 3px 2px 9px 0px #7b714a;
    }

        .main-container .language-box .btn-language {
            background-color: #30333c;
            border-radius: 20px;
            color: #ffde69;
            border: 1px solid #ffde69;
            padding: 8px 40px;
            text-decoration: none;
            width: 200px;
            font-size: 1rem;
        }

            .main-container .language-box .btn-language img {
                width: 25px;
                height: 25px;
                margin-left: 25px;
            }

            .main-container .language-box .btn-language:hover {
                background-color: #ffde69;
                color: #30333c;
                border-color: #30333c;
                cursor: pointer;
            }