body {
  margin: 0px;
  padding: 0px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1920' height='1080' preserveAspectRatio='none' viewBox='0 0 1920 1080'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1178%26quot%3b)' fill='none'%3e%3crect width='1920' height='1080' x='0' y='0' fill='url(%26quot%3b%23SvgjsLinearGradient1179%26quot%3b)'%3e%3c/rect%3e%3cpath d='M0 0L107.7 0L0 529.98z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M0 529.98L107.7 0L631.51 0L0 811.49z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M0 811.49L631.51 0L1011.72 0L0 958.9200000000001z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M0 958.9200000000001L1011.72 0L1035.28 0L0 1040.3100000000002z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M1920 1080L1648.1399999999999 1080L1920 754.44z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M1920 754.44L1648.1399999999999 1080L1621.05 1080L1920 545.32z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M1920 545.3199999999999L1621.05 1080L728.37 1080L1920 505.93999999999994z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M1920 505.93999999999994L728.3700000000001 1080L541.4900000000001 1080L1920 499.34999999999997z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1178'%3e%3crect width='1920' height='1080' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1179'%3e%3cstop stop-color='rgba(0%2c 130%2c 180%2c 0)' offset='0'%3e%3c/stop%3e%3cstop stop-color='rgba(0%2c 10%2c 80%2c 1)' offset='1'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"); */
  /* background-image: linear-gradient(#ffffff, #005ca9); */
  background-image: linear-gradient(#000000, #005ca9);
}

a {
  color: #00B7FF;
}

#content {
  display: grid;
  grid-template-rows: auto 0.75fr 1.618fr;
  height: 100vh;
  background-image: url("background-tri-01.svg");
  background-repeat: no-repeat;
  background-size: 150%;
  background-position: bottom right;
}

#header {
  display: flex;
  justify-content: space-between;
  padding-top: 3em;
  padding-bottom: 0em;
  text-align: center;
}

#logo {
  margin-left: auto;
  margin-right: auto;
  width: 360px;
}

#main {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  /* text-align: center; */
  /* text-shadow: 0px 0px 7px rgba(255, 255, 255, 1); */
  text-shadow: 0 0 7px #005ca9;
}

#main h1 {
  color: #ffffff;
  /* color: #005ca9; */
  /* color: #005ca9; */
  font-family: "Geologica", sans-serif;
  font-size: 4lvh;
  font-weight: 200;
}

/* <a href="https://www.vecteezy.com/free-vector/grey-background">Grey Background Vectors by Vecteezy</a> */