.coole-Farbe {
  background-color: #cd6600;
}

.cooler-Text {
  color: #efefef;
}

html {
/*    background: url("https://img4.goodfon.com/wallpaper/nbig/2/39/tokho-toukhou-devushka-fon-mech.jpg") no-repeat center center fixed; */
  background-color: #232323;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

    --scrollbarBG: #CFD8DC00;
    --thumbBG: #90A4AE00;
}
body::-webkit-scrollbar {
  width: 0px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
.hidden {
  display: none;
}

.fixedminheight {
  min-height: 850px;
}

.card {
/*    border-top-right-radius: 42px; */
    opacity: 0.9;
    margin-bottom: 0px !important;

  background-color: #333;
    }

.blurry {
/*    border-top-right-radius: 42px; */
    backdrop-filter: blur(27px) !important;
}

.sidenav-overlay {
    backdrop-filter: blur(10px) !important;
}

pre {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
overflow-x: auto;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}

pre code {
  color: #fff;
  background-color: #aaa;
  border: 1px solid #999;
  display: block;
  padding: 5px;
  overflow-x: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.background img {
  width: 100%;
}

.center_all_things {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.pinned {
    position: fixed !important;
}
.totalrow {
  border-top: 5px solid #ffffff;
  border-bottom: 10px double #ffffff;
}