.wisteria {
    color: #00161b;
}

.belize {
    color: #00380c;
}

.pomegranate {
    color: #00161b;
}

.green {
    color: #00380c;
}

.midnight {
    color: #00161b;
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: rgb(0, 23, 46);
}

.nav-link:focus,
.nav-link:hover {
    color: #0007adcc;
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: rgb(249, 249, 250);
    text-decoration: none;
    background: 0 0;
    border: 0;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}



@media (max-width: 850px) {
    .break {
        display: initial !important;
    }
}

.break {
    display: none;
    margin:0;
    line-height:0px;
}

.logo {
    width: 7rem;
}
@media (max-width: 425px) {
    .head {
        font-size:2rem
    }
    .logo{
        width:3rem;
        margin:10px 0;
    }
    .rtext {
        font-size: 1.2rem;
        margin: 0;
    }
}



.head {
    line-height: 0px;
    margin: 0px;
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    margin: 0.5rem;
    border-color: #797bff;
    border-width: 2px;
    border-style: solid;
    min-width: 9rem;
    text-align: center;
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #27b6f8 solid 4px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
    }

.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    /* Ensures the video stays in the background */
}

#bg-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: blur(5px);
    /* Ensures the video covers the whole screen */
}

.content {
    text-shadow: 4px 6px 20px rgb(124,190,255);
    color: rgb(0, 0, 0);
    font-family: 'Kalam', cursive;
    position: relative;
    z-index: 1;
    /* Ensures the content is above the video */
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    /* Makes the content vertically centered */
    /* Ensures text is readable over the video */

    padding-left: 40px;
}


.whiteToggler {
    color: honeydew;
    border-width: 1px;
    border-color: honeydew;
}

@media (max-width: 576px) {
    .content {
        padding-left: 20px !important;
    }
}

@media (max-width: 768px) {
    .content {
        height: 130vh;
    }
}

@media (max-width: 300px) {
    .content {
        padding-left: 5px !important;
    }
}