BDNSTheme, V1.1 by Dawnthedemon

/* ==UserStyle==
@name           ?bdns
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    A community theme for browsedns
@author         https://bdns.bio/Dawnthedemon
==/UserStyle== */
@charset "UTF-8";
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);
.bootstrap-tagsinput::-moz-placeholder, .form-control::-moz-placeholder {
  color:#888!important
}
.bootstrap-tagsinput::placeholder,
.form-control::placeholder {
  color:#888!important
}
:root,
[data-bs-theme=light] {
  --bs-blue:#2a9fd6;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#e83e8c;
  --bs-red:#c00;
  --bs-orange:#fd7e14;
  --bs-yellow:#f80;
  --bs-green:#77b300;
  --bs-teal:#20c997;
  --bs-cyan:#93c;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#555;
  --bs-gray-dark:#222;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#adafae;
  --bs-gray-500:#888;
  --bs-gray-600:#555;
  --bs-gray-700:#282828;
  --bs-gray-800:#222;
  --bs-gray-900:#212529;
  --bs-primary:#2a9fd6;
  --bs-secondary:#555;
  --bs-success:#77b300;
  --bs-info:#93c;
  --bs-warning:#f80;
  --bs-danger:#c00;
  --bs-light:#222;
  --bs-dark:#adafae;
  --bs-primary-rgb:42,159,214;
  --bs-secondary-rgb:85,85,85;
  --bs-success-rgb:119,179,0;
  --bs-info-rgb:153,51,204;
  --bs-warning-rgb:255,136,0;
  --bs-danger-rgb:204,0,0;
  --bs-light-rgb:34,34,34;
  --bs-dark-rgb:173,175,174;
  --bs-primary-text-emphasis:rgb(16.8, 63.6, 85.6);
  --bs-secondary-text-emphasis:#222222;
  --bs-success-text-emphasis:rgb(47.6, 71.6, 0);
  --bs-info-text-emphasis:rgb(61.2, 20.4, 81.6);
  --bs-warning-text-emphasis:rgb(102, 54.4, 0);
  --bs-danger-text-emphasis:rgb(81.6, 0, 0);
  --bs-light-text-emphasis:#282828;
  --bs-dark-text-emphasis:#282828;
  --bs-primary-bg-subtle:rgb(212.4, 235.8, 246.8);
  --bs-secondary-bg-subtle:#dddddd;
  --bs-success-bg-subtle:rgb(227.8, 239.8, 204);
  --bs-info-bg-subtle:rgb(234.6, 214.2, 244.8);
  --bs-warning-bg-subtle:rgb(255, 231.2, 204);
  --bs-danger-bg-subtle:rgb(244.8, 204, 204);
  --bs-light-bg-subtle:rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle:#adafae;
  --bs-primary-border-subtle:rgb(169.8, 216.6, 238.6);
  --bs-secondary-border-subtle:#bbbbbb;
  --bs-success-border-subtle:rgb(200.6, 224.6, 153);
  --bs-info-border-subtle:rgb(214.2, 173.4, 234.6);
  --bs-warning-border-subtle:rgb(255, 207.4, 153);
  --bs-danger-border-subtle:rgb(234.6, 153, 153);
  --bs-light-border-subtle:#e9ecef;
  --bs-dark-border-subtle:#888;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-font-sans-serif:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#adafae;
  --bs-body-color-rgb:173,175,174;
  --bs-body-bg:#060606;
  --bs-body-bg-rgb:6,6,6;
  --bs-emphasis-color:#000;
  --bs-emphasis-color-rgb:0,0,0;
  --bs-secondary-color:rgba(173, 175, 174, 0.75);
  --bs-secondary-color-rgb:173,175,174;
  --bs-secondary-bg:#e9ecef;
  --bs-secondary-bg-rgb:233,236,239;
  --bs-tertiary-color:rgba(173, 175, 174, 0.5);
  --bs-tertiary-color-rgb:173,175,174;
  --bs-tertiary-bg:#e9ecef;
  --bs-tertiary-bg-rgb:233,236,239;
  --bs-heading-color:#fff;
  --bs-link-color:#0951be;
  --bs-link-color-rgb:9,81,190;
  --bs-link-decoration:none;
  --bs-link-hover-color:rgb(7.2, 64.8, 152);
  --bs-link-hover-color-rgb:7,65,152;
  --bs-link-hover-decoration:underline;
  --bs-code-color:#e83e8c;
  --bs-highlight-color:#adafae;
  --bs-highlight-bg:rgb(255, 231.2, 204);
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#e9ecef;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-xxl:2rem;
  --bs-border-radius-2xl:var(--bs-border-radius-xxl);
  --bs-border-radius-pill:50rem;
  --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width:0.25rem;
  --bs-focus-ring-opacity:0.25;
  --bs-focus-ring-color:rgba(42, 159, 214, 0.25);
  --bs-form-valid-color:#77b300;
  --bs-form-valid-border-color:#77b300;
  --bs-form-invalid-color:#c00;
  --bs-form-invalid-border-color:#c00
}
[data-bs-theme=dark] {
  color-scheme:dark;
  --bs-body-color:#dee2e6;
  --bs-body-color-rgb:222,226,230;
  --bs-body-bg:#212529;
  --bs-body-bg-rgb:33,37,41;
  --bs-emphasis-color:#fff;
  --bs-emphasis-color-rgb:255,255,255;
  --bs-secondary-color:rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:222,226,230;
  --bs-secondary-bg:#222;
  --bs-secondary-bg-rgb:34,34,34;
  --bs-tertiary-color:rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:222,226,230;
  --bs-tertiary-bg:rgb(33.5, 35.5, 37.5);
  --bs-tertiary-bg-rgb:34,36,38;
  --bs-primary-text-emphasis:rgb(127.2, 197.4, 230.4);
  --bs-secondary-text-emphasis:#999999;
  --bs-success-text-emphasis:rgb(173.4, 209.4, 102);
  --bs-info-text-emphasis:rgb(193.8, 132.6, 224.4);
  --bs-warning-text-emphasis:rgb(255, 183.6, 102);
  --bs-danger-text-emphasis:rgb(224.4, 102, 102);
  --bs-light-text-emphasis:#f8f9fa;
  --bs-dark-text-emphasis:#dee2e6;
  --bs-primary-bg-subtle:rgb(8.4, 31.8, 42.8);
  --bs-secondary-bg-subtle:#111111;
  --bs-success-bg-subtle:rgb(23.8, 35.8, 0);
  --bs-info-bg-subtle:rgb(30.6, 10.2, 40.8);
  --bs-warning-bg-subtle:rgb(51, 27.2, 0);
  --bs-danger-bg-subtle:rgb(40.8, 0, 0);
  --bs-light-bg-subtle:#222;
  --bs-dark-bg-subtle:#111111;
  --bs-primary-border-subtle:rgb(25.2, 95.4, 128.4);
  --bs-secondary-border-subtle:#333333;
  --bs-success-border-subtle:rgb(71.4, 107.4, 0);
  --bs-info-border-subtle:rgb(91.8, 30.6, 122.4);
  --bs-warning-border-subtle:rgb(153, 81.6, 0);
  --bs-danger-border-subtle:rgb(122.4, 0, 0);
  --bs-light-border-subtle:#282828;
  --bs-dark-border-subtle:#222;
  --bs-heading-color:inherit;
  --bs-link-color:rgb(127.2, 197.4, 230.4);
  --bs-link-hover-color:rgb(152.76, 208.92, 235.32);
  --bs-link-color-rgb:127,197,230;
  --bs-link-hover-color-rgb:153,209,235;
  --bs-code-color:rgb(241.2, 139.2, 186);
  --bs-highlight-color:#dee2e6;
  --bs-highlight-bg:rgb(102, 54.4, 0);
  --bs-border-color:#282828;
  --bs-border-color-translucent:rgba(255, 255, 255, 0.15);
  --bs-form-valid-color:rgb(173.4, 209.4, 102);
  --bs-form-valid-border-color:rgb(173.4, 209.4, 102);
  --bs-form-invalid-color:rgb(224.4, 102, 102);
  --bs-form-invalid-border-color:rgb(224.4, 102, 102)
}
*,
::after,
::before {
  box-sizing:border-box
}
body {
  margin:0;
  font-family:var(--bs-body-font-family);
  font-size:var(--bs-body-font-size);
  font-weight:var(--bs-body-font-weight);
  line-height:var(--bs-body-line-height);
  color:var(--bs-body-color);
  text-align:var(--bs-body-text-align);
  background-color:var(--bs-body-bg);
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}
hr {
  margin:1rem 0;
  color:inherit;
  border:0;
  border-top:var(--bs-border-width) solid;
  opacity:.25
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top:0;
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2;
  color:var(--bs-heading-color)
}
.h1,
h1 {
  font-size:calc(1.525rem + 3.3vw)
}
@media (min-width:1200px) {
  .h1,
  h1 {
    font-size:4rem
  }
}
.h2,
h2 {
  font-size:calc(1.425rem + 2.1vw)
}
@media (min-width:1200px) {
  .h2,
  h2 {
    font-size:3rem
  }
}
.h3,
h3 {
  font-size:calc(1.375rem + 1.5vw)
}
@media (min-width:1200px) {
  .h3,
  h3 {
    font-size:2.5rem
  }
}
.h4,
h4 {
  font-size:calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
  .h4,
  h4 {
    font-size:2rem
  }
}
.h5,
h5 {
  font-size:calc(1.275rem + .3vw)
}
@media (min-width:1200px) {
  .h5,
  h5 {
    font-size:1.5rem
  }
}
.h6,
h6 {
  font-size:1rem
}
p {
  margin-top:0;
  margin-bottom:1rem
}
abbr[title] {
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
  cursor:help;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}
address {
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit
}
ol,
ul {
  padding-left:2rem
}
dl,
ol,
ul {
  margin-top:0;
  margin-bottom:1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom:0
}
dt {
  font-weight:700
}
dd {
  margin-bottom:.5rem;
  margin-left:0
}
blockquote {
  margin:0 0 1rem
}
b,
strong {
  font-weight:bolder
}
.small,
small {
  font-size:.875rem
}
.mark,
mark {
  padding:.1875em;
  color:var(--bs-highlight-color);
  background-color:var(--bs-highlight-bg)
}
sub,
sup {
  position:relative;
  font-size:.75em;
  line-height:0;
  vertical-align:baseline
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
a {
  color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
  text-decoration:none
}
a:hover {
  --bs-link-color-rgb:var(--bs-link-hover-color-rgb);
  text-decoration:underline
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color:inherit;
  text-decoratio...