@charset "UTF-8";
:root {
    --font: '-apple-system', 'BlinkMacSystemFont', "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --hfont: 'Roboto Condensed', sans-serif;
    --font_size: 16;

    --color_dark: rgb(21, 32, 43);
    --color_dark3: rgb(25, 39, 52);
    --color_dark2: rgb(56, 68, 77);
    --color_light: rgb(255,255,255);
    --color_light2: rgb(110, 118, 125);
    --color_light3: rgb(148, 159, 168);

    --color_blue: #1da1f2;
    --color_yellow: #ca8f04; /* from masto */
    --color_green: #01a439; /* from masto */
    
    
    --bg_color: var(--color_dark);
    --text_color: var(--color_light);
    --selected_color: var(--color_blue);
}

/* GENERAL */

body {
  font-family: var(--font);
  font-size: var(--font_size);
  color: var(--text_color);
  background-color: var(--bg_color);
  padding: 0;
  margin: 0;

  text-decoration: none;
}

textarea {
  border: none;
  overflow: auto;
  font-size: var(--font_size);
  font-family: var(--font);
  color: var(--text_color);
  background-color: var(--bg_color);
  resize: none; /*remove the resize handle on the bottom right*/
}


button {
  background-color: var(--bg_color);
  color: var(--color_light);
  font-size: var(--font_size);
  text-align: center;
  border: none;
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}