138 lines
2.0 KiB
CSS
138 lines
2.0 KiB
CSS
@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;
|
|
}
|
|
} |