#maincontents.dark{
  background-image: linear-gradient(#00000069, #000000d4), url(/WLWP/cBfrozen.jpg);
  background-size: cover;
}
.maincontent.dark select {
  font-size: 12px;
  font-family: arial narrow;
  color: inherit;
  border: none;
  padding: 0px;
  height: min-content;
  background: none;
}
.maincontent.dark option {
  color: #262626;
}

.dark{font-size:11px; font-family: arial; color:#d9d9d9;}

.profile.dark{
  border: none;
  box-shadow: 0 0 6px 0px #070707b3;
  background: linear-gradient(#070707b3, #393939b0);
}
.killyourself.dark{
  border-radius: 0;
  overflow: visible;
  box-shadow: none;
}
#otherprofiles.dark{
  background: linear-gradient(#070707b3, #393939b0);
  box-shadow: 0 0 6px 0px #070707b3;
  border: none;
  box-shadow: none;
}
.smallprofile.dark{
  border-width: 0 0 1px 0;
  border-style: none;
 /* box-shadow: 0px -20px 50px 0px #ffffff14;*/
  border-color: white;
}
.divider.dark {border: none; background: linear-gradient(to right, #0000000d 0%, #0000001c 10%, transparent 15%), radial-gradient(90% 70% at left, #0000001c 0%, rgba(0, 0, 0, 0) 100%);}
.tab.dark {
  text-transform: uppercase;
  display: inline-block;
  font-family: Arial narrow;
  font-weight: normal;
  font-size: 14px;
  color: #568da7;
  box-shadow: none;
  width: max-content;
  height: min-content;
  background: none;
  border: none;
  padding: calc(5/810*100vh) 0;
}
#smallheader.tab.dark {
  background: #070707e3;
  font-size: 12px;
  width: max-content;
  color: #568da7;
  box-shadow: 0 0 6px 0px #070707b3;
  padding: 0px;
  padding-left: calc(14 / 810 * 100vh);
  padding-top: 2px;
}
.buttonstyling.dark{
  border-radius: 1px;
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize;
  font-family: Arial narrow;
  align-items: center;
  height: 11px;
  box-shadow: 0.3px 0px 6px 0px #000000, 1px 1px 1px 0.5px #ffffff21 inset;
  padding: calc(6 / 810 * 100vh);
}
#helpsection .buttonstyling.dark{
  background: linear-gradient(#ffffff9e, #dcdcdcbf);
  box-shadow: 0.3px 0px 6px 0px #0000005e, 0 1px 1px 0px #ffffff21 inset;
  color: #343434;
}

#help.dark {padding: calc(7 / 810 * 100vh);}

.profilefunctions.dark{
  border-radius: 0;
  box-shadow: none;
  background: none;
  border: 1px none white;
  border-width: 1px 0 1px 0;
  padding: calc(15 / 810 * 100vh) 0;
}

#thisName.dark{
  font-size: 20px;
  font-family: Arial narrow;
  font-weight: normal;
  text-transform: uppercase;
  color:#568da7;
}

#profilefunctions.dark .smalltext{font-size: 11px; color:#568da7;}
#generalcompat.dark{border-radius: 0; padding-top: 0px;}
#generalcompat.dark .listitem:nth-child(odd){background: linear-gradient(to right, transparent 0%, #ffffff2b 50%, transparent 100%);}
#generalcompat.dark #compatinfo .text,
#generalcompat.dark #compatinfo .smalltext
{padding-left: 0px; font-weight: normal; font-size: 11px;}

#profileInfo.dark{color: #343434; padding-top: 10px; box-sizing: border-box;}
#profileInfo.dark p{color: #343434;}
#profileInfo .traits.dark::first-line{font-size: 11px;}
.bottomsection.dark{gap:15%; background: radial-gradient(60% 40% at top, #ffffff1f 0%, rgb(0 0 0 / 0%) 100%); border: none; width:max-content;}
/*.pTraits.dark {background: radial-gradient(60% 60%, #ffffff1a, transparent);}*/
.profileTrait.dark{
  box-shadow: none;
  background: none;
  border: 1px none white;
  border-width: 1px 0 1px 0;
  padding: calc(15 / 810 * 100vh) 0;
  padding-top: 0px;
}

.profileTrait.dark .smalltext{
  font-size: 11px;
}
.smallprofile .traits.dark::first-line{font-family: Arial narrow; font-size: 12px; text-transform: uppercase;}
.smallprofile.dark:hover{
  background: radial-gradient(ellipse at top, #0089cb40, transparent), 
              radial-gradient(ellipse at bottom, #171f229c, transparent), 
              radial-gradient(ellipse at left, #000, transparent), 
              radial-gradient(ellipse at right, #ddf3ff7d, transparent); /*box-shadow: inset 0 0 2px 1px #000000, inset 0 0 100px 0 #358cb68f;*/}
.smallprofile.dark.clicked{
  background: radial-gradient(ellipse at top, #0089cb40, transparent), 
              radial-gradient(ellipse at bottom, #171f229c, transparent), 
              radial-gradient(ellipse at left, #000, transparent), 
              radial-gradient(ellipse at right, #ddf3ff7d, transparent); /*box-shadow: inset 0 0 2px 1px #000000, inset 0 0 100px 0 #358cb68f;*/}

.bigquote.dark {
  font-style: normal;
  color: #343434;
}

.bigquotestyle.dark {
  padding: calc(5 / 810 * 100vh);
  color: #343434 !important;
  background: linear-gradient(to right, white, #d0d0d0);
  font-family: arial narrow !important;
  font-size: 12px !important;
  filter: drop-shadow(1px 2px 2px #0000004f);
}

.quote.dark {
  padding: 0 calc(5 / 810 * 100vh);
  width: fit-content;
  font-style: normal;
  box-shadow: none;
}
#mainpfp.dark {
  border: none;
  box-shadow: -3px 4px 2px 0px #0000004f;
  height: calc(280 / 810 * 100vh);
  width: calc(280 / 810 * 100vh);
}
.smallImg.dark { 
  border: none;
  box-shadow: -3px 4px 2px 0px #0000004f;
}
.boxshadow.dark{filter:none;}

.profile.dark #testButton {
    border-radius: 2px;
    font-family: arial narrow;
    font-size: 14px;
    /* text-transform: lowercase; */
    /* font-weight: normal; */
    background: linear-gradient(#ffffff73, #dcdcdc52);
    padding: 2px 20px;
    color: #d9d9d9;
    justify-self: center;
    box-shadow: 0.3px 0px 6px 0px #0000005e, 0 1px 1px 0px #ffffff21 inset;
}