:root {
  --color_green_dark_1: #040;
  --color_green_light_1: #4C4;
  --color_green_light_2: #3A3;
  --color_green_grey_1: #484;
  --color_green_grey_2: #060;
  --color_white_transp_1: #FFFFFF60;
  --thickness_border_thin_1: 0.14rem;
}

html {
  -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
  -webkit-font-smoothing: antialiased;
  height: 100%;
  font-size: 20px;
  line-height: 1.0;
  padding:0;
  font-family: serif;
}

body{
  margin:0 auto;
  padding:0;
  height: 100%;
  width: 1280px;
}

small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{
  bottom:-0.25em;
  top:-0.5em;
}
figure{margin:1em 40px}

img{
  border-style:none;
  margin:0;
}

a{
  color: #000;
  text-decoration: none;
}

a:hover{
  cursor: pointer;
}

div.flex_row{
  display: flex;
  flex-direction: row;
  gap:2rem;
}

div.flex_column{
  display: flex;
  flex-direction: column;
  gap:2rem;
}

/*
span.large{
font-size: 1.2rem;
}

span.larger{
font-size: 1.4rem;
}
*/

span.tooltip{
  position: absolute;
  z-index: 10;
  bottom: 1.5rem;
  left: 2.2rem;
  margin:0;
  font-size: 0.8rem;
  font-family: sans-serif;
  color: #222;
  background-color: #EEE;
  border:0.08rem solid #AAA;
  border-radius: 0.24rem;
  padding:0.12rem 0.32rem;
  visibility: hidden 0.2s;
  opacity: 0.0;
  transition: opacity 0.2s;
  transition-delay: 0.1s;
  white-space: nowrap;
  display: inline-block;
}