html {
   font-size: 14px;
}

@media (min-width: 768px) {
   html {
      font-size: 16px;
   }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
   box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
   /* position: relative; */
   min-height: 100%;
   width: 100%;
}

body {
   margin-bottom: 60px;
   /* position: relative; */
   width: 100%;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
   color: var(--bs-secondary-color);
   text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
   text-align: start;
}

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Rubik+Dirt&display=swap");
body,
html {
   font-family: "Rubik Dirt", Arial, Helvetica, sans-serif !important;
   scrollbar-width: none !important;
   -ms-overflow-style: none !important;
}
body::-webkit-scrollbar,
html::-webkit-scrollbar,
*::-webkit-scrollbar {
   display: none;
}

.navbar-brand {
   font-family: "Rubik Dirt", cursive, sans-serif !important;
}

.custom-navbar {
   background: rgba(24, 24, 24, 0.5);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border-bottom: 2px solid #f72585;
   box-shadow: 0 4px 16px rgba(114, 9, 183, 0.1);
   position: sticky;
   top: 0;
   z-index: 100;
   padding: 0.5rem;
}

.navbar .navbar-brand,
.navbar .nav-link {
   color: #fff !important;
   font-weight: 600;
   letter-spacing: 1px;
   transition: color 0.2s;
   font-family: "Montserrat", Arial, Helvetica, sans-serif !important;
}

.navbar .nav-link:hover,
.navbar .nav-link.active {
   color: #f72585 !important;
   text-shadow: 0 2px 8px rgba(181, 23, 158, 0.15);
}

.navbar-toggler {
   border-color: #fff;
}
.navbar-toggler-icon {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

@media (max-width: 991.98px) {
   .navbar-nav {
      margin-bottom: 1rem;
   }
   .navbar-nav .nav-item {
      margin-left: 0 !important;
      margin-right: 0 !important;
   }
}

@media (max-width: 576px) {
   .custom-navbar {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
   }
   .navbar .navbar-brand {
      font-size: 1.1rem;
   }
}

/* .footer {
   position: fixed;
   bottom: 0;
   width: 100%;
   white-space: nowrap;
   line-height: 1rem;
   height: 2rem;
} */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
   --bs-gutter-x: 0 !important;
   padding-left: 0 !important;
   padding-right: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   max-width: 100% !important;
}