/*@import "ol/ol.css";*/

:root {
  --container-width: min(100svw, 1600px);
  --bg-dark: #0e1710;
  --font-gray: #8c8c8c;
  --font-dark: #faf0e6;
  --font-light: #e3e3e3;
}

html {
  width: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: var(--bg-dark);
}

h2 {
  color: var(--font-gray);
  font-size: 1.5em;
  font-family: Verdana, sans-serif;
}

.component-container {          
  /*width: clamp(300px, 100%, 1600px);*/
  width: min(100%, 1600px);
  left: 0;
  right: 0;
  margin: 0 auto;  
  position: relative;   
}

.section-title {
  display: block;
  color: var(--font-light);
  text-align: center;
  padding: 4em 26px 3em 26px;
  text-decoration: none;
  font-size: 1.2em;
  font-family: Georgia, serif;
}

.section-paragraph {
  color: var(--font-gray);
  font-size: 1.05em;
  font-family: Verdana, sans-serif;
}

/*# sourceMappingURL=app.css.map*/