/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
   
@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@600&display=swap');

:root {
  --bg: #F9FEFF;
  --text: #112340;
  --accent: #F8F1A9;
  --border: #545A79;
  --banner: linear-gradient(45deg, #ADEAB7, #B7D7E2, #F6D2D9)
}

body {
  background-color:var(--bg);
  color: var(--text);
  font-family: Verdana;
  width:100%;
  margin:auto;
} 

.noselect {
  cursor: default;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.main-container {
  width:100%;
 /* border:1px solid var(--border);
  border-top:none;*/
  border-radius: 0 0 3px 3px;
  padding:0px;
  margin:auto;
}

.banner {
  /* BG & Formatting */
  background: var(--banner);
  width:100%;
  height:150px;
  border-bottom:1px solid var(--banner);
  border-radius:0 0 4px 4px;
  /* Font */
  font-size:50pt;
  font-family: Inconsolata, sans-serif;
  color:var(--text);
  text-transform:lowercase;
  line-height:100pt;
}

.main-content {
  padding:10px 50px;
  padding-top:25px;
}

h1, h2, h3, h4, h5 {
  font-family: Inconsolata, sans-serif;
  text-transform:lowercase;
}

.divider {
  width:110%;
  margin-left:-5%;
  height:2px;
  background:var(--banner);
  margin-top:25px;
  margin-bottom:25px;
}

/*** INTERACTIVE STUFF ***/

textarea {
 width: 100%;
 min-height:600px;
}