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

body {
    font-family: Exo, serif;
    /* background: linear-gradient(0deg, #ffffff 87%, #242424 100%); */
}

.navbar {
    background-color: #242424;
}

.navbar-collapse {
    display: flex;
    justify-content: space-between;
}  

.nav-link {
    color:rgb(178, 178, 178);
}

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

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

.navbar-toggler {
    background-color:rgb(178, 178, 178);
}

.sidebar {
    padding-top: 1rem;
    border: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: #cecece;
    color: #242424;
}

.card-text {
    padding-bottom: 10px;
    border-bottom: solid;
    border-width: 1px;
    border-color: #cecece;
    
}

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

.btn {
    /* background-color:rgb(55, 55, 55); */
    color: rgb(255, 255, 255) !important;
}

/* .carousel-control-next-icon {
    background-color: #242424;
}
.carousel-control-prev-icon {
    background-color: #242424;
} */

.carousel-indicators {
    margin-bottom: 10px;
}

.carousel {
    margin-top: 2rem;
    background-color: #242424;
    border-radius: 5px;
}

.slide-text {
    color: #cecece;
    margin: auto auto;
}

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

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

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

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

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

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

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

footer {
    border-top: solid;
    border-width: 1px;
    border-color:#cecece;
}

.footer-text {
    margin: auto auto;
}

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

.btn-outline-primary {
    background-color: #242424;
}

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