html, body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }
        
        
            body {
                background: #3e2a72;
                background: radial-gradient(circle at 50% 80%, #dfdaf2, #6e4bc4, #3e2a72) fixed;
            }
        
                .index-wrapper {
                position: relative;
                float: left;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);

                }
                    .index-wrapper img {
                        max-width: 70%;
                        margin: 0px auto 30px;
                    }
                    .index-wrapper h1 {
                        color: #fff;
                        font-weight: bolder;
                        font-size: 50px;
                        text-shadow: 4px 2px 5px #1c6f82;
                    }
                    .index-wrapper .btn-default {
                        color: #fff;
                        background-color: #1c6f82;
                        border: solid 2px #fff;
                        border-radius: 30px;
                    }
                    .index-wrapper .btn-default:focus,
                        .btn-default.focus {
                        color: #fff;
                        background-color: #21849b;
                        border: solid 2px #fff;
                        outline: none!important;
                    }
                    .index-wrapper .btn-default:hover {
                        color: #fff;
                        background-color: #21849b;
                        border: solid 2px #fff;
                        outline: none!important;
                    }
        
                .modal-content {
                    background: #d7dca4;
                }
                    .modal-content .modal-header {
                        color: #333;
                        border: 0;
                    }
                    .modal-content .modal-body {
                        border: 0;
                        font-size: 18px;
                        color: #333
                    }
                    .modal-content .modal-footer {
                        border: 0;
                    }
        
        
                    .modal-content .modal-footer .btn-default {
                        background-color: #1c6f82;
                        margin: 0px auto;
                        padding-left: 40px;
                        padding-right: 40px;
                        color: #fff;
                        font-size: 18px;
                        border: solid 2px #fff;
                        border-radius: 30px;
                    }
                    .modal-content .modal-footer .btn-default:focus,
                    .modal-content .modal-footer .btn-default.focus {
                        color: #fff;
                        background-color: #21849b;
                        border: solid 2px #fff;
                        outline: none!important;
                    }
                    .modal-content .modal-footer .btn-default:hover {
                        color: #fff;
                        background-color: #21849b;
                        border: solid 2px #fff;
                        outline: none!important;
                    }