/* html {
  scroll-behavior: smooth;
} */

body {
  font-family: 'PT Mono', Courier, monospace;
  display: block;    
  font-weight: 500;
}

pre {
  font-family: 'PT Mono', Courier, monospace;
  font-weight: 500;
  font-size: 16px;

  white-space: pre-wrap;
}

a {
  color: #6D43A6;
}

a.link, a.link:visited, a.link:hover, a.link:active {
  color: inherit;
}

input, textarea, button {
  display: flex;
  flex-wrap: wrap;
  font-size: medium;

  border: none;
  text-align: left;
  text-decoration: none;
  display: inline-block;

  font-family: 'PT Mono', Courier, monospace;
  font-weight: 500;
}

textarea {
  display: block;
  flex-direction: column;
  flex-wrap: wrap;

  max-width: calc(100% - 8px);
  margin-bottom: 16px;
}

img {
  vertical-align: middle;
  border-radius: 4px;
  max-width: 50vw;
  height: 50vh;
}

.comment { padding: 2px; }

.link {
  text-decoration: none;

  position: fixed;
  float: right;
  right: 16px; 
}

.link:hover {
  cursor: pointer;
}

/* Standart theme */
a.standart {
  background-color: white;
  color: black;
  border-radius: 1px;
  border-color: black;
}

body.standart a.standart {
  background: transparent;
}

body.standart {
  background-color: white !important;
  color: black;
}

body.standart .bg {
  background-color: #aaa;
}

body.standart input,
body.standart button,
body.standart textarea {
  background-color: white;
  color: black;
  border: 1px solid black;
}

body.standart textarea:focus {
  outline: none;
}

/* Black theme */
a.black {
  background-color: black;
  color: white;
  border-radius: 1px;
  border-color: black;
}

body.black a.black {
  background: transparent;
}

body.black {
  background: black;
  color: white;
}

body.black .bg {
  background: black;
  color: #0f0;
}

body.black textarea {
  background-color: black;
  border: 1px solid #0f0;
  color: white;
}

body.black textarea:focus {
  outline: 1px solid #0f0;
}

body.black input,
body.black button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: white;
  background-color: black;
  border: 1px solid #0f0;
}