@font-face {
    font-family:Lexend;
    src:url("../fonts/Lexend-VariableFont_wght.woff2");
}

body {
    margin: auto;
    width: 75%;
    border: 3px solid grey;
    padding: 10px;
}

html * {
    font-family: Lexend;
    text-size-adjust:none;
}

.element  {
    background-color: #333333;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: inherit;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 32px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.artlog_tabcontent {
    /*  display: none; */
  background-color: inherit;    
  padding: 12px 12px;
  border: 1px solid #ccc;
  border-top: none;
  font-size: 24px;
}

.scrollplease {
    height: 30px; 
    overflow-y: scroll;
    overflow-x: hidden; 
}

[data-user-color-scheme="dark"] span  {
    color:  #fedb8b;
}

[data-user-color-scheme="dark"] a  {
    color:  #fedb8b;
}

[data-user-color-scheme="dark"] {
    background-color: #333333;
    color: #ffffff;
}

a {
  color: #84a11e;
  text-decoration: none;
  transition: color 0.1s linear;
}

.parent {
    position: relative;
    top: 0px;
    left: 0px;
}