/* @import url(https://css.netcentrx.net/default.css);  */
:root {
  --bg:#044;
}
body {
  background: var(--bg);
  font-family: sans-serif;
}

main {
  width: clamp(450px, 800px, 90vw);
  margin: 0 auto;
}

.triggers {
  width: clamp(450px, 760px, 90vw);
}

h1 {
  color:white;
  text-align: center;
  margin: 5px;
  text-shadow: 1px 1px #aaa, 2px 2px #777;
}

h3 {
  background: #ccc;
}

main  {
  display:flex;
  flex-direction:column;
  flex-basis:100%;
  text-align: center;
  justify-content: center;
  align-items: center;

}

.form-snippet {
  display:flex;
  flex-direction:column;
  flex-basis:100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.target {
  display:flex;
  flex-direction:column;
  flex-basis:100%;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.snippet {
  width: 100%;
}