/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../assets/pt-sans-v16-latin-regular.woff') format('woff')
}

:root {
  /* these variables are used everywhere */
  --bg: black; /* background colour */
  --b-radius: min(1.9vmin, 10px); /* border radius */
  --b-width: 0.3rem; /* border thickness */
  --spacing: 0.2rem; /* widget spacing */

  --font: 'PT Sans', sans-serif; /* Consolas, 'Courier New', monospace; */
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  color: white;
  background-color: var(--bg);
  font-family: var(--font);
  touch-action: none;
}

body {
  display: flex;
  flex-direction: column;
}

.text-container {
  padding: 0px 10px;
  margin: 0px 10px;
}

.y-scroll {
  overflow-y: scroll;
}

.screenshot {
    padding: 0;
    margin: 10px 0;
    display: block;
    max-height: 100%;
    max-width: 100%;
}