.sidebar{
     box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;;
}

@font-face {
  font-family: "bagerich";
  src: url(/static/fonts/Bagerich-Regular.otf);
}

@font-face {
  font-family: "jet";
  src: url(/static/fonts/JetBrainsSans-converted.otf);
}

:root{
  --harmonic-ratio: 1.6 !important;
  --base-value: 12 !important;
  --resizing-ratio: 1.2 !important;
}

*{
  --font-family: "jet" !important;
  --units-per-em: 2000;
  --font-cap-height: 1400;
  --ascent: 1870;
  --descent: 470;
  --line-gap: 0;
 
  font-weight: normal;
}

h1, h2, h3, .logo{
  --font-family: "bagerich" !important;
  --units-per-em: 1000;
  --font-cap-height: 697;
  --ascent: 759;
  --descent: 240;
  --line-gap: 0;

  font-weight: normal;
}

ul {
    list-style-type: none;
  }

.box-red{
  background-color: #ffaaa5;
  border: 5px solid #353535;
}

.bg-azur{
  background-color: #a8e6cf;
}

.bg-green{
  background-color: #dcedc1;
}

.box-green{
  background-color: #dcedc1;
  border: 5px solid #353535;
}

.box-azur{
  background-color: #a8e6cf;
  border: 5px solid #353535;
}

.box-grass{
  background-color: #84e3c8;
  border: 5px solid #353535;
}

.index-title{
  color: rgb(228, 228, 228);
}

* {
  color: rgb(60, 60, 60);
}

.code-editor  * {
  color:unset;
}

.header, body {
  background-color: rgb(28, 28, 28);
}

.open-menu{
  transition:all 0.5s;
  background-color: rgba(13, 13, 13, 0.848);
}
.header > * *{
   color:rgb(225, 223, 223);
}

.logo-discord{
  background-color: rgb(163, 119, 220);
  border-radius: 100%;
}

button{
  background-color: transparent;
  border: none;
}

.showcase-title{
  color:rgb(214, 212, 212);
}

.connection-button{
  background-color: rgb(56, 144, 66);
  border-radius: 5px; 
  color: white;
}

.connection-form{
  background-color: #dcdcdc;
  border-radius: 10px;
}

input{
  border: none;
  outline:none;
}

input[type=text],
input[type=email]{
  border-bottom: solid 2px rgb(210, 210, 210);
  font-size: 24px;
}

input:focus {
  border-bottom-color: red;
}

.token-text{
  background-color: rgba(34, 34, 34, 0.519);
  border-radius: 15px;
}

.index-slider{
  scroll-behavior: smooth;
}

#content{
  background-color: white;
}

#download * {
  font-size: 13px !important;
}

.black{
  background-color: black;
}