html {
   scroll-behavior: smooth;
}

html::-webkit-scrollbar-track {
   box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #f5f5f5;
   border-radius: 10px;
}

html::-webkit-scrollbar {
   width: 5px;
   height: 5px;
   background-color: #f5f5f5;
}

html::-webkit-scrollbar-thumb {
   border-radius: 10px;
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #7a9ad9b0), color-stop(0.72, #0066e4f6), color-stop(0.86, #9fcdff));
}

body {
   font-family: 'Poppins';
   user-select: none;
   padding: 0;
}

.navbar {
   background-color: #e5f1fe;
   border-bottom-left-radius: 1.5rem;
   border-bottom-right-radius: 1.5rem;
   box-shadow: 0rem 0.1rem 0.5rem rgb(0 0 0 / 30%);
}

.nav-logo {
   height: 3rem;
}

.nav-logo {
   transition: 0.3s all ease-out;
}

.nav-logo:hover {
   transform: scale(1.1);
}

.nav-link {
   font-size: 1.1rem;
   font-weight: 500;
   transition: all 0.2s;
}

.nav-link:hover {
   transform: scale(1.1);
}
.modal {
   backdrop-filter: blur(10px) brightness(70%);
}
.modal-body {
   font-size: 1.5rem;
}

.carousel img {
   width: 100vw;
   /* overflow: hidden; */
}

.carousel-caption p {
   font-size: 20px;
}

.main-heading {
   color: #000055;
   font-weight: 600;
   letter-spacing: -2px;
}

.main-logo {
   height: 3.1rem;
}

.card-mod {
   word-wrap: normal;
   border: 0.2px solid #333;
}

.card-mod--cycling {
   border-top: 7px solid orange;
}

.card-mod--jogging {
   border-top: 7px solid rebeccapurple;
}
.card-mod--pushups {
   border-top: 7px solid red;
}

.card-mod--squats {
   border-top: 7px solid deeppink;
}

.card-header-mod {
   background-color: #00ccdb3b;
}

.text-mod-1 {
   font-size: 1.1rem;
}

.badge-pill {
   font-size: 0.9rem;
}