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

body{
    background: linear-gradient(270deg, #ff0000 0%, #ffffff 100%);
    font-family: Michroma,serif;
}
.p{
    color: black;
}
.nav-link{
    color: aquamarine;
}
.navbar-nav .nav-link.active{
    color: blue;
}
.navbar-brand img{
    width: 30px;
    height: 30px;
}
.navbar-toggler{
    background-color: aquamarine;
}
.sidebar {
    color: rgb(28, 32, 30);
     background: linear-gradient(90deg, #ff0000 0%, #ffffff 100%);
}
.card{
    background: linear-gradient(270deg, #ff0000 0%, #ffffff 100%);
    color: black;
}
.card a {
    text-decoration: none;
    color: black;
}

.slide-text,
.footer-text{
    color:rgb(148, 34, 224) ;
    margin: auto auto;
}
footer,
.btn-outline-primary{
    background: linear-gradient(10deg, #ff0000 0%, #ffffff 100%);
}
.media-links{
    display: flex;
    justify-content: center;
    align-items: center;
}
.call-anim{
    animation: call 2s cubic-bezier(0.65, 0, 0.35, 1) 0s infinite normal forwards;
}
@keyframes  call {
	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: 1000px){
    .carousel-indicators{
        display: none;
    }
}