body {
    background: rgb(2, 0, 36);
    background: -moz-linear-gradient(176deg, rgba(2, 0, 36, 1) 0%, rgba(90, 50, 140, 1) 60%);
    background: -webkit-linear-gradient(176deg, rgba(2, 0, 36, 1) 0%, rgba(90, 50, 140, 1) 60%);
    background: linear-gradient(176deg, rgba(2, 0, 36, 1) 0%, rgba(90, 50, 140, 1) 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#5a328c", GradientType=1);
    background-repeat: no-repeat;
    overflow: hidden !important;
    min-height: 100vh;
}

.ocean {
    height: 5%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #015871;
    z-index: -1;
}

.wave {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;
    position: absolute;
    top: -198px;
    width: 6400px;
    height: 198px;
    animation: wave 10s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
    top: -175px;
    animation: wave 15s cubic-bezier(0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 15s ease -1.25s infinite;
    opacity: 1;
}

@keyframes wave {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -1600px;
    }
}

@keyframes swell {

    0%,
    100% {
        transform: translate3d(0, -25px, 0);
    }

    50% {
        transform: translate3d(0, 5px, 0);
    }
}




.form-control:focus {
    border-color: #ff0d00;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.invalid-feedback {
    color: #ffcc00;
}

.is-valid {
    border-color: #28a745 !important;
}
.is-invalid {
    border-color: #dc3545 !important;
}
.input-group-text {
    cursor: pointer;
}