body{
  margin: -8px;
  font-family: "Lato";
}
.main{
  width: 100%;
  height: 100vh;
  background: url("./images/banner-bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  text-align: center;
}

.contain{
  background: rgb(246,248,252);
  background: radial-gradient(circle, rgba(255,255,255,.7) 0%, rgba(235,235,235,.6) 62%, rgba(210,209,209,.5) 100%);
  max-width: 700px;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 30px 15px;
  outline: 2px solid rgba(180,180,180, .4);
  outline-offset: 3px;
}

h1{
  font-weight: 700;
  margin-top: 0;
  font-size: 50px;
}

h3{
  font-weight: 300;
  font-size: 28px;
}

h2{
  margin-bottom: 10px;
  font-size: 40px;
}

a{
  color: #333;
  font-weight: 700;
  font-size: 36px;
}