.navbar {
}
.navbar.bg-light {
  border-color: #333;
}
.navbar.fixed-top {
  border-width: 0 0 2px;
  border-radius: 0 25px 225px 0/25px 0 25px 255px;
}
.navbar.fixed-bottom {
  border-width: 2px 0 0;
  border-radius: 255px 25px 0 25px/25px 225px 25px 0;
}
.navbar-brand {
  font-weight: 700;
  text-decoration: none;
}

.btn {
  text-decoration: none;
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}
.btn-lg, .btn-group-lg > .btn {
  border-radius: 55px 225px 15px 25px/25px 25px 35px 355px;
}
.btn-sm, .btn-group-sm > .btn {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

.btn-check {
  display: inline-block;
  opacity: 0;
}

[data-bs-theme=dark] .btn-primary {
  --bs-btn-bg: #f8f9fa;
  --bs-btn-hover-bg: #dee2e6;
  --bs-btn-active-bg: #ccc;
  --bs-btn-disabled-bg: #aaa;
  --bs-btn-color: #000;
  --bs-btn-hover-color: #000;
  --bs-btn-active-color: #000;
  --bs-btn-disabled-color: #000;
}

[data-bs-theme=dark] .btn-outline-primary {
  --bs-btn-hover-bg: #dee2e6;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-disabled-bg: #aaa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-border-color: #dee2e6;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-disabled-border-color: #aaa;
  --bs-btn-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-active-color: #000;
  --bs-btn-disabled-color: #000;
}

[data-bs-theme=dark] .btn-outline-secondary,
[data-bs-theme=dark] .btn-outline-dark {
  --bs-btn-color: #fff;
}

button,
input,
optgroup,
select,
textarea {
  font-family: Neucha, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

b,
strong {
  font-family: "Cabin Sketch", cursive;
}

blockquote {
  border-radius: 15px 27px 25px 25px/25px 25px 305px 635px;
}

table th,
table td {
  background-color: #fff;
}

.table-bordered {
  overflow: hidden;
  border-spacing: 0;
  border-collapse: separate;
  background-color: #333;
  border-radius: 5px 25px 5px 25px/25px 5px 25px 5px;
}
.table-bordered th,
.table-bordered td {
  border-radius: 5px 5px 25px 4px/5px 4px 3px 5px;
}
.table-bordered .table-success td,
.table-bordered .table-success th,
.table-bordered .table-success:hover td,
.table-bordered .table-success:hover th {
  color: #fff;
  background-color: #28a745;
}
.table-bordered .table-info td,
.table-bordered .table-info th,
.table-bordered .table-info:hover td,
.table-bordered .table-info:hover th {
  color: #fff;
  background-color: #17a2b8;
}
.table-bordered .table-warning td,
.table-bordered .table-warning th,
.table-bordered .table-warning:hover td,
.table-bordered .table-warning:hover th {
  color: #fff;
  background-color: #ffc107;
}
.table-bordered .table-danger td,
.table-bordered .table-danger th,
.table-bordered .table-danger:hover td,
.table-bordered .table-danger:hover th {
  color: #fff;
  background-color: #dc3545;
}

.table-dark th,
.table-dark td, .table-dark.table-hover .table-active:hover > th, .table-dark.table-hover .table-active:hover > td {
  background-color: #333;
}

.table-primary,
.table-secondary,
.table-success,
.table-warning,
.table-danger,
.table-info,
.table-light {
  --bs-table-color: #212529;
}

input,
.form-control,
.input-group-text {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

textarea,
textarea.form-control,
select,
select.form-control {
  border-radius: 55px 225px 15px 25px/25px 25px 35px 355px !important;
}

[type=checkbox] {
  position: relative;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
}
[type=checkbox]::before {
  position: absolute;
  top: -0.1em;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 16px;
  content: "";
  border: 2px solid #333;
  border-radius: 2px 8px 2px 4px/5px 3px 5px 3px;
}
[type=checkbox]:focus::before {
  box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 0.25);
}
[type=checkbox]:checked::after, [type=checkbox]:indeterminate::after {
  position: absolute;
  top: 0;
  left: 0.1em;
  font-size: 1.5rem;
  line-height: 0.5;
  color: #333;
}
[type=checkbox]:checked::after {
  content: "x";
}
[type=checkbox]:indeterminate::after {
  top: 0.1em;
  content: "-";
}
[type=checkbox]:disabled::before {
  border: 2px solid #aaa;
}

[type=radio] {
  position: relative;
  width: 0;
  height: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border: none;
}
[type=radio]::before {
  position: absolute;
  top: -0.1em;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  content: "";
  border: 2px solid #333;
  border-radius: 50% 45% 40% 50%/40% 50% 50% 45%;
}
[type=radio]:focus::before {
  box-shadow: 0 0 0 0.25rem rgba(51, 51, 51, 0.25);
}
[type=radio]:checked::before {
  background-color: #333;
}
[type=radio]:disabled::before {
  border: 2px solid #aaa;
}

[data-bs-theme=dark] [type=radio]::before {
  border-color: #fff;
}
[data-bs-theme=dark] [type=radio]:checked::before {
  background-color: #fff;
}
[data-bs-theme=dark] [type=checkbox]::before {
  border-color: #fff;
}
[data-bs-theme=dark] [type=checkbox]:checked::before {
  background-color: #fff;
}
[data-bs-theme=dark] .form-range::-webkit-slider-thumb {
  background-color: #fff;
}
[data-bs-theme=dark] .form-range:disabled::-webkit-slider-thumb {
  background-color: #555;
}

.form-check-input:focus {
  box-shadow: none;
}

.form-switch {
  padding-left: 0;
}
.form-switch .form-check-input {
  position: relative;
  margin-left: 0;
}
.form-switch .form-check-input::before {
  width: 32px;
  border-radius: 30% 35% 30% 30%/30% 50% 30% 45%;
}
.form-switch .form-check-input::after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  content: "";
  background-color: #fff;
  border: 2px solid #333;
  border-radius: 50% 45% 40% 50%/40% 50% 50% 45%;
  transition: left 0.15s ease-in-out;
}
.form-switch .form-check-input:checked::after {
  top: 0;
  left: 18px;
  background-color: #333;
}
.form-switch .form-check-label {
  margin-left: 0.5em;
}

.dropdown-menu {
  overflow: hidden;
  border-radius: 555px 25px 25px 25px/25px 25px 25px 555px;
}

.dropdown-divider {
  border-top-width: 2px;
}

.list-group {
  overflow: hidden;
  background-color: #333;
  border: 2px solid #333;
  border-radius: 45px 15px 35px 5px/15px 5px 15px 65px;
}
.list-group-item {
  border-top: 2px solid #333;
  border-right: none;
  border-left: none;
  border-radius: 255px 5px 225px 5px/25px 225px 25px 255px;
}
.list-group-item:first-child {
  border-top: none;
}
.list-group-item:last-child {
  border-bottom: none;
}

.nav-pills .nav-link {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

.nav-link,
.page-link,
.list-group-item,
.dropdown-item {
  text-decoration: none;
}

.nav-tabs .nav-link {
  border-radius: 45px 15px 225px 5px/25px 225px 25px 255px;
}

.breadcrumb {
  border: 2px solid #333;
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

.pagination .page-link {
  border-radius: 425px 255px 25px 25px/25px 25px 5px 25px;
}

.badge {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}
.badge-pill {
  border-radius: 7rem 8rem 8rem 8rem/4rem 5rem 6rem 6rem;
}
.badge.bg-light {
  color: #555;
}

.alert {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}
.alert .btn-close::before {
  color: inherit;
}

.progress {
  border: 2px solid #333;
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

[data-bs-theme=dark] .progress,
[data-bs-theme=dark] .progress-stacked {
  background-color: #555;
}

.card {
  border-radius: 5px 5px 5px 5px/25px 25px 25px 5px;
}
.card-outline-primary, .card-outline-success, .card-outline-info, .card-outline-warning, .card-outline-danger {
  border-width: 2px;
}
.card-header {
  border-color: inherit;
  border-bottom-width: 2px;
}
.card-header:first-child {
  border-radius: 3px 3px 0 0/23px 23px 0 0;
}
.card-footer {
  border-top-width: 2px;
}

.toast {
  border-radius: 10px 10px 15px 5px/5px 15px 5px 15px;
}
.toast-header {
  font-family: "Cabin Sketch", cursive;
}

.modal-content {
  border-radius: 15px 5px 5px 25px/5px 25px 25px 5px;
}

.popover {
  padding: 0;
  border-radius: 45px 85px 15px 25px/15px 10px 35px 555px;
}
.popover-title {
  border-bottom: 2px solid #333;
}
.popover.bs-popover-start::before, .popover.bs-popover-auto[data-popper-placement^=left]::before, .popover.bs-tether-element-attached-right::before {
  right: -13px;
}
.popover.bs-popover-top::before, .popover.bs-popover-auto[data-popper-placement^=top]::before, .popover.bs-tether-element-attached-bottom::before {
  bottom: -13px;
}
.popover.bs-popover-bottom::before, .popover.bs-popover-auto[data-popper-placement^=bottom]::before, .popover.bs-tether-element-attached-top::before {
  top: -13px;
}
.popover.bs-popover-end::before, .popover.bs-popover-auto[data-popper-placement^=right]::before, .popover.bs-tether-element-attached-left::before {
  left: -13px;
}

.tooltip-inner {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}

pre {
  border: 2px solid #333;
  border-radius: 15px 5px 5px 25px/5px 25px 25px 5px;
}

.btn-close {
  background-image: none;
}
.btn-close::before {
  position: absolute;
  top: 0.8rem;
  right: 1rem;
  content: "X";
}

.img-thumbnail {
  border-radius: 255px 25px 225px 25px/25px 225px 25px 255px;
}
}