:root {
  --r-tropical-color: #CD4F38;
  --r-ice-color: #67B9E9;
  --r-panel-color: #EAD890;
  --r-contrast-color: #06141F;
}

.tropical {
  color:var(--r-tropical-color)
}

.ice {
  color:var(--r-ice-color)
}

.sand {
  color:var(--r-panel-color)
}

.panel_start {
  flex-grow: 1;
  background-color: var(--r-panel-color);
  width:15vw;
	height: 45vh;
  height: 35vh;
  border-color: var(--r-contrast-color);
  border-width: 2px;
  border-style:solid;
  border-radius: 10px;padding:5px;
}

.divider{
  margin: auto;width:66%;height:0.5%;background-color: var(--r-contrast-color);margin-bottom:5px;
}

.panel {
  flex-grow: 1;
  background-color: var(--r-panel-color);
  width:15vw;
	height: 35vh;
  margin-left:2%;
  border-color: var(--r-contrast-color);
  border-width: 2px;
  border-style:solid;
  border-radius: 10px;padding:5px;
}

.widepanel_r {
  flex-grow: 1;
  background-color: #E7A79B;
  width:100%;
  border-color: var(--r-contrast-color);
  border-width: 2px;
  border-style:solid;
  border-radius: 10px;
  padding:5px;
}

.widepanel_b {
  flex-grow: 1;
  background-color: #B4DCF5;
  width:100%;
  border-color: var(--r-contrast-color);
  border-width: 2px;
  border-style:solid;
  border-radius: 10px;
  padding:5px;
  height:15vh;
}

.hide {
  visibility: hidden;
}

.white {color:white}

.container {
  position:relative;
  line-height:0em;
  height:65vh; 
  padding-bottom:1px;
}

.container2 {
  position:relative;
  line-height:0em;
  height:52vh; 
  padding-bottom:1px;
}

.context {
  position: absolute;
  top: 35px;
  left: 28px;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-variation-settings:
    "wdth" 100;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    letter-spacing: .2rem;
}

.figref {
  position: absolute;
  top: 35px;
  right: 188px;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
  font-variation-settings:
    "wdth" 100;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.title {
  text-align:right;font-size: 0.45em;color:white;font-family: "Open Sans", sans-serif;
  margin-block-end:0em;
  margin-bottom:0em;
  font-optical-sizing: auto;line-height: 0em;
  font-weight: 300;
  font-style: normal;
  vertical-align:middle;
  font-variation-settings:
    "wdth" 100;text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}