body {
  font-family: 'Inter', 'Orbitron', "Inter Fallback";
  font-weight: lighter;
  margin:0px;

}

.stBorder {
  border-width:1px;
  border-color: #303030;
  border-style: solid;
}

.stCard {
  border-radius:1rem;

}

.stHomeCard {
  border-radius:1rem;
  min-height:270px;
  position:relative;
  bottom:15px;
}

.stCardSub {
  border-radius:.75rem;
  padding:10px;
}

.stMain {
  z-index:-1;
  position:fixed;
  left:0px;
  height:100vh;
  width:100vw;
}

.stMenu {
  z-index:1;
  padding:15px;
}

.stMenuItem {
  padding:5px;
  color:#acaaaa;
  
}
.stMenuItem:hover {
  color:white;
  cursor:pointer;
}

.stButton {
  padding:5px 15px;
  border-radius: 1rem;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
  display:inline-block;
  max-width:fit-content
}
.stButton:hover {
  cursor:pointer;
}

.stColorSubtle {
  color:#acaaaa;
}
.stColorForeground {
  color:#f8fafc;
}

.border-b {
  border-bottom:1px solid #303030;
}

.border-r {
  border-right:1px solid #303030;
}

.borderRound {
    border-radius:1rem;
}

.darkBorder {
  border-color:#303030
}

.darkBackground0 {
  background-color:#000000;
  color:#fafafa
}

.darkBackground1 {
  background-color: #0c0c0c;
  color:#fafafa
}

.darkBackground2 {
  background-color:#141414;
  color:#fafafa
}

.darkBackground3{
  background-color:#1a1a1a;
  color:#fafafa
}

.darkBackground4 {
  background-color:#1e1e1e;
  color:#fafafa
}

.darkBackground5 {
  background-color:#1f1f1f;
  color:#fafafa
}

.darkBackground6 {
  background-color:#303030;
}
.darkBackground7 {
  background-color:#fafafa;
}

.lightText {
  color:#fafafa
}