@import url(https://fonts.googleapis.com/css?family=Michroma&display=swap);






body {
    font-family: Michroma, serif;
    background: linear-gradient(100deg, #07357e 0%, #292929 77%);
}

p {
    color: aquamarine;
}


.navbar-light .navbar-nav .nav-link {
    color: rgb(8, 57, 218);
}


.navbar-light .navbar-nav .nav-link.active {
    color: rgb(151, 151, 151);
}

.navbar-brand img {
    width: 40px;
}

.navbar-toggler {
    background-color: gray; 
}

.bg-video {
    width: 100%;
    height: 70vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-video video {
    width: 100%;
    height: 70vh;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 1;
}

.effect {
    width: 100%;
    height: 70vh;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.337);
}
.video-text {
    color: aquamarine;
    z-index: 2;
}


.sidebar {
    color: aquamarine;
    background: linear-gradient(270deg, #07357e 0%, #292929 77%);
}

.card {
    background: linear-gradient(270deg, #07357e 0%, #292929 77%);
    color: aquamarine;
}

.card a {
    text-decoration: none;
    color: aquamarine;
}

.slidetext,
.footer-text {
    color: aquamarine;
    margin: auto auto;
}

footer,
.btn-outline-primary {
    background: linear-gradient(270deg, #07357e 0%, #292929 77%);
}

.media-links {
    display: flex;
    justify-content: center;
    align-items: center;

}

.call-anim {
    animation: myAnim 2s ease 0s infinite normal forwards;
}

@keyframes myAnim {
	0%,
	100% {
		transform: translateX(0%);
		transform-origin: 50% 50%;
	}

	15% {
		transform: translateX(-30px) rotate(-6deg);
	}

	30% {
		transform: translateX(15px) rotate(6deg);
	}

	45% {
		transform: translateX(-15px) rotate(-3.6deg);
	}

	60% {
		transform: translateX(9px) rotate(2.4deg);
	}

	75% {
		transform: translateX(-6px) rotate(-1.2deg);
	}
}



@media (max-width: 755px) {
    .carousel-indicators {
        display: none;
    }
};