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


body {
    font-family: Michroma, serif;
    background: linear-gradient(90deg, #02028a 0%,#373737 100%);
}

p {
    color: aquamarine;
}

.nav-link {
color: aquamarine;
}

.navbar-nav .nav-link.active {
    color: rgb(137, 133, 133);
}


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

.navbar-toggler {
    background-color: rgb(96, 98, 99);
}
.sidebar {
    color: aquamarine;
    background: linear-gradient(270deg, #02028a 0%,#373737 100%);
}

.card {
    background: linear-gradient(270deg, #02028a 0%,#373737 100%);
    color: aquamarine;
}
.card a {
    text-decoration: none;
    color: aquamarine;
}

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

    background: linear-gradient(270deg, #02028a 0%,#373737 100%);
    color: aquamarine;
}

.btn-outline-primary {
    background: linear-gradient(270deg, #02028a 0%,#373737 100%);
}
.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;
    }
} 

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