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

:root {
    --primary-color: black;
    --background: linear-gradient(90deg, #00009c 0%, #2aa07d 100%);
}

[data-bs-theme='dark'] {
    --primary-color: white;
    --background: linear-gradient(90deg, #000000 0%, #333333 100%);
    --footer-background: linear-gradient(90deg, #273333 0%, #20204b 100%);
}

[data-bs-theme='light'] {
    --primary-color: black;
    --background: linear-gradient(90deg, #ffffff 0%, #cccccc 100%);
    --footer-background: linear-gradient(90deg, #cacabc 0%, #9191ce 100%);
}

/* <uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900
*/

.noto-sans-elis {
    font-family: "Noto Sans", serif;
    font-optical-sizing: auto;
    font-weight: 888;
    font-style: oblique;
    font-variation-settings:
      "wdth" 100;
  }
  
body, html {
    height: 100%;
    width: 93%;
    margin: 5;
    color: var(--primary-color);
    background: var(--background);
    font-family: NotoSans, serif;
    position: absolute; 
}

footer {
    height: 100px;
    color: var(--primary-color);
    background: var(--footer-background);
    font-family: Michroma, serif;
}

.content-wrap {
    min-height: 100%;
    /* Equivalent to 'height: 100%;' */
    box-sizing: border-box;
    padding-bottom: 100px; /* Height of the footer */
}

button {
    margin: 5px;
    padding: 10px;
}

/*
p {
    color: aquamarine;
}

.nav-link {
    color:aquamarine;
}
*/


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

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

.navbar-toggler {
    background-color: rgb(43, 125, 212);
}
/*
.sidebar {
    color:aquamarine;
    background: linear-gradient(270deg, #00009c 0%, #ae6464 100%);
}

.card {
    background: linear-gradient(270deg, #00009c 0%, #ca5959 100%);
    color: aquamarine;
}

.card a {
    text-decoration: none;
    color: rgb(24, 31, 129);
}
*/
.comment,
.slide-text,
.footer-text {
    margin: auto auto;
}

.btn-outline-primary {
  background: linear-gradient(270deg, #00009c 0%, #4a94b9 100%);
}


.btn-bd-primary {
--bd-violet-bg: #712cf9;
--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

--bs-btn-font-weight: 600;
--bs-btn-color: var(--bs-white);
--bs-btn-bg: var(--bd-violet-bg);
--bs-btn-border-color: var(--bd-violet-bg);
--bs-btn-hover-color: var(--bs-white);
--bs-btn-hover-bg: #6528e0;
--bs-btn-hover-border-color: #6528e0;
--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
--bs-btn-active-color: var(--bs-btn-hover-color);
--bs-btn-active-bg: #5a23c8;
--bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
display: block !important;
}

.container-fluid {
    background: linear-gradient(270deg, #00009c 0%, #4a94b9 100%);
}

@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: 755px) {
    .carousel-indicators {
        display: none;
    }
}