html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: 'San Francisco Display', 'Helvetica Neue', Helvetica, Arial, sans-serif;;
}

body {
  margin: 0; 
  position: relative;
  z-index: 1;
  background: #010b19;
}

#bg-animation {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: -1;
}

header {
/*  background: #fff;*/
  padding: 20px;
}

main {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
/*  background: #fff;*/
}

h1 {
  font-weight: 300; 
/*  color: #7eaede;*/
  color: #4BA5FF; 
}

h2 {
  font-weight: 300; 
/*  color: #7eaede;*/
  color: #4BA5FF; 
}

h3 {
  font-weight: 300; 
/*  font-size: medium;*/
  color: #b5cadf; 
}

p {
  line-height: 1.6;
  color: #b5cadf;
}

a {
  color: #4BA5FF;
/*  text-decoration: none;*/
}

a:hover {
/*  color: #b5cadf;*/
  text-decoration: none;
}